/* CSS Document temp_biz*/
/* brings | büro für kommunikation */
body {text-align:center; margin:0; padding:0; font-family: "Verdana", Arial, Helvetica, sans-serif; font-size:9pt;}
#container {margin:0 auto; width:780px;}

/*Navigationsmenü oben*/
#menu { margin:0 auto; padding:0; text-align:left; height:62px; width:760px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1em; background:url(grafiken/logo1.gif) left no-repeat;}
#menu ul {list-style-type:none; margin:0; padding:0; height:62px;}
#menu li {margin-top:0; padding-top:5px; list-style-type:none; float:right; display:inline; width:120px; height:62px;}
/*#menu a { background-image:url(grafiken/menubg.gif); background-position:center; background-repeat:no-repeat; height:62px; color:#e8e8e8; text-decoration:none;}*/
#menu a {text-decoration:none; color: #FFFFFF; padding: 10px;}
#menu a:visited {text-decoration:none; color: #FFFFFF;}
#menu a:hover {color:#e8e8e8; text-decoration:none;}
#menu .pad1 {background-image:url(grafiken/menubg.gif); background-position:center; background-repeat:no-repeat; height:62px; color:#e8e8e8; width:120px;}
#menu .pad2 {margin:0; padding-left: 50px; padding-right: 50px; padding-top: 25px; padding-bottom: 25px;}
#menu .pad3 {margin:0; padding-left: 50px; padding-right: 50px; padding-top: 25px; padding-bottom: 25px;}
#menu .pad4 {margin:0; padding-left: 50px; padding-right: 50px; padding-top: 25px; padding-bottom: 25px;}
#menu .pad5 {margin:0; padding-left: 50px; padding-right: 50px; padding-top: 25px; padding-bottom: 25px;}
#table1 {width:740px; margin-top:-16px;}
#table1 td {width: 122px; background-image:url(grafiken/menubg.gif); background-position:center; background-repeat:no-repeat; height:62px;}
#table1 .active {width: 122px; background-image:url(grafiken/menubga.gif); background-position:center; background-repeat:no-repeat; height:62px;}
#table1 .spacer {width: 122px;background-image:none;} 


/*Header mit Hintergrundbild und Slogan*/
#header {text-align:left; background:url(grafiken/header1.jpg) bottom center no-repeat; height:165px; margin-top:-5px; width:780px; margin-bottom: -18px;}
#header h1 {color:#e8e8e8; font-size:2.1em; margin:0; padding:30px 0 0 30px;}
#header h2 {color:#e8e8e8; font-size:1.6em; margin:0; padding:10px 0 0 30px; font-style:italic; font-weight:normal;}

/* Content */
#contentTop {background:url(grafiken/content_top.jpg) top center no-repeat; height:40px;} 
#content {background:url(grafiken/content_bg.jpg) top center repeat-y; text-align:left;}
#content #contentBox {float:left; margin:0; padding:0; background:none; width:440px;}
#content #contentBox img {float:right; padding:3px;}
#content .contentFooter {margin:0; padding:25px 0 0 25px; font-size:1em; color:#A3C0CD; text-align:left; clear:both;}
#content .contentFooter a { text-decoration:underline; color:#900;}
#content .contentFooter a:hover { text-decoration:none; background:#003366; color:#fff;}
#contentBottom {background:url(grafiken/content_bottom.jpg) bottom center no-repeat; height:41px; clear:both; margin:0; padding:0;} 

/* styles für headlines, absätze, links usw. */
#content h1 {font-size:1.85em; line-height:1.5em; margin:0; padding:0 0 0 30px; color:#003366;}
#content h2 {font-size:1.6em; line-height:1.5em; margin:0; padding:0 0 0 30px; color:#003366;}
#content h3 {font-size:1.5em; line-height:1.5em; margin:0; padding:0 0 0 30px; color:#003366;}
#content h4 {font-size:1.4em; line-height:1.5em; margin:0; padding:0 0 0 30px; color:#003366;}
#content p {font-size:1.1em; line-height:1.6em; margin:0; padding:5px 20px 0 30px; color:#003366;}
#content p a {text-decoration: underline; color:#003366;}
#content p a:hover {text-decoration: none; background:#003366; color:#fff;}
span {display:none;}

/* Infoboxen rechts */ /* Als background für die Infoboxen wird eine Grafik genutzt - die Boxen sind hier nur in der Höhe flexibel, nicht in der Breite. Flexible Boxen mit runden Ecken ohne Grafiken finden Sie z.B. im brings-template Nr.4 */
#content #rightBox { float:left; margin:0; padding:0; width:300px; background:none;}
#content #rightBox .rightTop {background:url(grafiken/right_top.gif) top center no-repeat; height:20px;} 
#content #rightBox .right {background:url(grafiken/right_bg.gif) top center repeat-y; height:auto;}
#content #rightBox .right h2 {font-size:1.1em; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:2em; color:#003366; padding: 0 16px 0 16px; margin:0;}
#content #rightBox a.right { color:#003366; text-decoration:none;}
#content #rightBox a.right:hover {color:#900; text-decoration:none; border-bottom:2px solid #900;}
#content #rightBox .right p {font-size:.9em; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:1.6em; color:#003366; padding: 0 16px 0 16px; margin:0;} 
#content #rightBox .right img  {float:right; padding:2px; margin:0 20px 0 5px;}
#content #rightBox a.right img  {padding:1px; margin:0 20px 0 5px; border:1px solid #003366; background:none;}
#content #rightBox a.right:hover img {padding:1px; margin:0 20px 0 5px; border:1px solid #900; background:none;} 
#content #rightBox .rightBottom {background:url(grafiken/right_bottom.gif) bottom center no-repeat; height:30px;} 

/* footer */
#foot {margin: 0 auto; padding:0;}
#foot p {text-align:center; font-size:.9em; color:#999; margin:0; padding:0 0 10px 0;}
#foot p a {text-decoration: none; color:#999;}
#foot p a:hover {text-decoration: underline; color:#003366;}

/* aktiver Button im Navigationsmenü */
body#start a#startmenu, 
body#pro a#promenu,
body#serv a#servmenu,
body#uns a#unsmenu,
body#kon a#konmenu
{ background-image:url(grafiken/menubg.gif); background-position:center; background-repeat:no-repeat; height:60px; color:#c00; text-decoration:none; }
 body#start a#startmenu:hover, 
body#pro a#promenu:hover,
body#serv a#servmenu:hover,
body#uns a#unsmenu:hover,
body#kon a#konmenu:hover
 { background-image:url(grafiken/menubga.gif); background-position:center; background-repeat:no-repeat; height:60px; color:#c00; text-decoration:none; }
 
/* Kontaktformular */
fieldset {width:90%;  margin-left: 25px; padding: 0; border:1px solid #f8f8f8; }
fieldset legend {font-size:1em; color:#999; font-weight:bold; background:none; padding:0 0 0 5px;}
label { height:20px; float:left; padding:0 0 2px 5px; margin-top:1px; color:#999; width:35%; }
.field { line-height:1.5em; height:20px; float:left; border: #999 1px solid; width:55%; margin-bottom: 10px; margin-right:20px; background: #FFF; color:#003366; text-indent:.5em; font-size:11px;}
.textarea {border: #003366 1px solid; width:360px; margin:0 0 0 5px; }
.button {height: 30px; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:center; background:url(grafiken/button_blau.gif) left no-repeat; }
.submit{ clear:both; margin-left:20px; height:36px; font-size:.9em; line-height:normal; font-weight:normal; font-family:Verdana, Arial, Helvetica, sans-serif; color:#fff; background: transparent url(grafiken/button_blau.gif) center no-repeat; border:none; width:92px;}
.submit:hover {cursor: pointer; }