/*****************************************************************************************************************************************/ 
/* generic */
/*****************************************************************************************************************************************/ 
/* * { padding: 0; margin:0; color:#222222; font:12px Arial, Helvetica, sans-serif} */
hr { margin:1em 0; background-color:#b2b2b2; height:1px; color:#b2b2b2; border:none; clear:both }

body { margin:0px; background-image:url(../images/bg_main.gif); background-repeat:repeat-y; background-color:#FFFFFF; }
body,h1,h2,h3,h4,h5,h6,table,td,tr { font-family:Arial, Verdana, Georgia; color:#333331; }
body,table,td,tr { font-size:12px; }
#actualProjectDetails h2 { font-family:Tahoma, Arial, Verdana; font-size:17px; font-weight:normal; margin:0; padding:1em 0 1em 0; }
#actualProjectDetails .date { font-size:11px; color:#8D8C88; }
.title03 { font-weight:bold; font-style:italic; }
img { border:0px; }


/*=============================
 TYPOGRAPHY 
==============================*/
p, ul, ol {margin: 0 0 1.2em}
h1, h2, h3, h4, h5, h6 { margin: 1.2em 0 .3em; padding-bottom: .1em}
h1 {font-size:156%; margin-top:.4em}
h2 {font-size:136%}
h3 {font-size:126%}
h4 {font-size:116%}
h5 {font-size:106%}
h6 {font-size:96%}
.highlight {color:#E17000}
.subdued {color:#999}
.error {color:#c00;font-weight:bold}
.success {color:#390;font-weight:bold}
.caption {color:#999;font-size:11px}
.date {font: bold 82% arial;color:#bbb;display:block;letter-spacing: 1px}
small {font-size:11px}
address { font-style:italic; margin:5px 30px 20px 30px;}

/*=============================
 LINKS 
==============================*/
a,
a:visited,
a:active{ color:#333331; background:transparent; cursor:pointer }
a:hover { color:#C00; }
a img { border:0; }
a.button { font-weight:bold; color:black; background-color:#eee; margin:2px 0px 0px 0px; }

/*=============================
 LISTS 
==============================*/
ul { margin:0.3em 0 1.5em 2em; padding: 0 0 0 1em; }
ul.related { margin-top: -1em }
ol { margin: .5em .5em 1.5em }
ol li {margin-left: 1.4em;padding-left: 0;background: none; list-style-type: decimal}
li { padding-left: 0px; }
dl {margin: 0 0 1em 0}
dt {font-weight:bold;margin-top: 1.3em}
dl dl {margin: 0 0 1.5em 30px}


/*=============================
 BUTTONS
==============================*/
/* v HTML definovane <a class="textbutton" href=""><span>Eigene Empfehlung abgeben</span></a> */
a.spacing { margin-left:15px; }
a.textbutton { display:block; float:left; background:url("../images/bt_blue_left.gif") no-repeat top left; font: normal 11px Verdana; 
line-height: 13px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 21px) */ 
height: 21px; /* Height of button background height */ padding-left: 26px; /* Width of left menu image */ text-decoration: none; margin-top:5px;}
a:link.textbutton,
a:visited.textbutton,
a:active.textbutton { color: #FFFFFF; /*button text color*/ }
a.textbutton span { background: transparent url("../images/bt_blue_right.gif") no-repeat top right; display: block; padding: 4px 26px 4px 0; }
a.textbutton:hover { /* Hover state CSS */ background-position: bottom left; }
a.textbutton:hover span { /* Hover state CSS */ background-position: bottom right; color:#FFFFFF; }


/*****************************************************************************************************************************************/ 
/* framework */
/*****************************************************************************************************************************************/
#container { height:100%; width:890px; float:left; display:block; background-image:url(../images/bg_main.gif); background-repeat:repeat-y; }
#header { background-image:url(../images/bg_header.jpg); background-repeat:no-repeat; width:890px; height:115px; clear:both; }
#footer { width:890px; height:15px; text-align:right; position:fixed; bottom:0px; padding:3px 5px 2px 0; font-size:9px; color:#999; background-color:#fff; }
#content { position:relative; }

#teaser { background-image:url(../images/bg_portmenu.jpg); background-repeat:no-repeat; float:left; width:320px; height:235px; padding:0; }
#contentImage { float:left; width:570px; height:235px; }

#portfolioMenu { float:left; width:297px; height:205px; padding:30px 0 0 23px; font-size:10px; background-image:url(../images/bg_portmenu.jpg); background-repeat:no-repeat; }

#teaser2, #portfolioSubmenu { float:left; background-image:url(../images/bg_portsub.gif); background-repeat:no-repeat; width:320px; padding:0px; }
#portfolioSubmenu { padding-top:30px; font-size:11px; }
#portfolioSubmenu .company { font-weight:bold; }
#portfolioSubmenu ul { margin:0; padding-left:23px; list-style-type:none; }
#portfolioSubmenu li { padding:0 }
#portfolioSubmenu a,#portfolioSubmenu a:visited,#portfolioSubmenu a:hover { display:block; margin-bottom:1px; border:1px; padding:1px 12px 1px 6px; width:246px; color:#888888; text-decoration:none; }
#portfolioSubmenu a.active,#portfolioSubmenu a.active:visited,#portfolioSubmenu a.active:hover { display:block; margin-bottom:1px; border:1px; padding:1px 12px 1px 6px; width:246px; text-decoration:none; background:#515150; color:#aaaaaa; }
#portfolioSubmenu a:hover { background:#515150; color:#aaaaaa; }


#minorMenu { background-image:url(../images/bg_portsub.gif); background-repeat:no-repeat; position:relative; float:left; display:block; width:290px; height:35px; background-color:#FFFFF0; }
#mainMenu { position:absolute; top:10px; left:320px; width:570px; height:35px; }
#mainMenu ul { margin:0px; padding:0px; list-style:none; clear:both; }
#mainMenu ul li { display:inline; width:114px; height:30px; padding:0px; margin:0px; float:left; }
#mainMenu li a { display:block; width:114px; height:30px; padding:0px; margin:0px; }
#mainMenu li a:hover,
#mainMenu li a:active,
#mainMenu li.active a { background-position:0 0px; }
#services { background:url("../images/btmenu_services.gif"); }
#portfolio { background:url("../images/btmenu_portfolio.gif"); }
#clients { background:url("../images/btmenu_clients.gif"); }
#about { background:url("../images/btmenu_about.gif"); }
#contact { background:url("../images/btmenu_contact.gif"); }


#services,
#portfolio, 
#clients,
#about,
#contact { background-repeat:no-repeat; background-position:0px -35px; }

#clientList { padding-top:10px; }
#clientList .clientItem { display:block; float:left; width:155px; height:60px; margin:0 20px 10px 0; }
a.portfolioMenuItem,a.portfolioMenuItem:hover,a.portfolioMenuItem:visited,a.portfolioMenuItem:active,a.portfolioMenuItemActive,a.portfolioMenuItemActive:hover,a.portfolioMenuItemActive:visited,a.portfolioMenuItemActive:active { display:block; width:256px; border:1px; padding:2px 2px 2px 6px; color:#FFFFFF; text-decoration:none; }
a.portfolioMenuItem:hover,a.portfolioMenuItemActive { background:#7D1E1E; }

#mainContentIcons { float:left; text-align:right; width:520px; height:20px; padding-top:0px; }

#mainContent { float:left; background-repeat:no-repeat; line-height:1.6em; }
.content { padding:25px 25px; width:520px; }
.contentPort { padding:0px 25px; width:520px; }
#mainContent li { list-style-image:url(../images/bt_list.gif); padding-bottom:1px; }
.portDesc { width:8em; display:block; float:left; padding-right:6px; text-align:right; font-weight:bold; color:#666668; }