/* GENERAL */

* { font-family: Verdana, "Trebuchet MS", Arial, sans-serif; font-size: 11px; font-weight: normal; margin: 0; padding: 0; text-decoration: none; }



/* CLASSES */

.img { letter-spacing: -1000em; text-indent : -999em; overflow: hidden; display: block; background-repeat: repeat; background-color: transparent; }


html { min-height: 100%; }


/* BODY  */

#main { background-color:#fff; }

 



/* DOTTEDLINES X-REPEAT */

#wrap-test { margin:0 auto 0 auto; width:850px;  }
#wrap-all { width:850px; min-height:700px; border:1px solid #C0C0C0; float:left; background-color:#99CCCC; }




#wrap_header { height:145px; width:850px; float:left; }

#header { background-image:url('../images/design/header/header.jpg'); background-repeat:no-repeat; width:850px; height:120px; }

#headernavi { height:20px; width:850px; float:left; background-color:#99CCCC; text-align:right; padding-top:5px; }
#headernavi a { color:#000; text-decoration:none; font-size:10px; margin-right:10px; }
#headernavi a:hover { text-decoration:none; }

#getsprachwahl { height:20px; width:100px; float:right; }
#getsprachwahl a.sprachwahl_links { color:#354282; text-decoration:none; margin-right:10px; }
#getsprachwahl a:hover { color:#354282; text-decoration:underline; }
#getsprachwahl span.sprachwahl_active { font-weight:bold; color:#354282; border:1px solid #354282; margin-right:10px; padding:2px; }


#wrap {  }



/* NAVIGATION */

#wrap_navi { background-color:#99CCCC; width:180px; float:left; min-height:575px;}

#navitop { height:35px; width:180px; background-color:#99CCCC; float:left; }
#navibottom { height:10px; width:180px; background-color:#99CCCC; float:left; border-top:1px solid #fff; }


/* HAUPTNAVIGATION */

#navigation { list-style: none; width:176px; background-color:#99CCCC; padding-bottom:1px; float:left; }
#navigation * { color:#061467; font-family:Arial; font-weight:bold; }

#navigation > li { height:25px; width:178px; vertical-align:middle; border-top:1px solid #fff; padding-left:1px; }
#navigation > li > a { padding-left:15px; display:block; height:20px; padding-top:5px; font-size:13px;  }

#navigation > li:hover {  width:178px; background-color:#fff; padding-left:1px;  }
#navigation > li:hover > a { color:#061467; display:block; height:31px;}
#navigation > li.active a { color:#061467; display:block; height:25px;}

/* SUBNAVIGATION */

#navigation li.subnavigation { height:auto; margin:0px 0px 0px 0px; background-image:none; width:178px; padding-left:0px; border:none; }
#navigation li.subnavigation ul {  list-style-position:inside; list-style-type:none; line-height:1.5em; margin:0 0 0 0; background-color:#99CCCC; }
#navigation li.subnavigation ul li { height:20px; padding:5px 0 0 20px; border-top:1px solid #fff; }
#navigation li.subnavigation ul li:hover { background-color:#C1D5F4;  }
#navigation li.subnavigation ul li a {color:#061467; font-size:12px; font-weight:bold; display:block;  }
#navigation li.subnavigation ul li a:hover { background-image:none; color:#061467;  }
#navigation li.subnavigation ul li.active a { background-image:none; color:#061467; }

/*
#navigation li.subnavigation ul li.subsubnavigation { background-image:none; height:auto; padding:0px; background-color:none; }
#navigation li.subnavigation ul li.subsubnavigation ul { list-style-position:inside; list-style-type:none; }
#navigation li.subnavigation ul li.subsubnavigation ul li { padding:0 0 0 25px; height:24px; background-image:none; }
#navigation li.subnavigation ul li.subsubnavigation a { color:#8893b8; margin-left:12px; display:block; font-size:10px; }
#navigation li.subnavigation ul li.subsubnavigation a:hover { color:#515f8e;}
#navigation li.subnavigation ul li.subsubnavigation ul li.active a{color:#515f8e;}

*/


/* LIQUID-GOLD SPETEC VERSION

#navigation { float: left; margin: 30px 1px 10px 6px; list-style: none; }
#navigation * { color: #03306B; }
#navigation > li { border: 1px solid #FFFFFF; margin: 0 0 10px; width: 162px; }
#navigation > li > a { background-color: #B7DBF3; background-repeat: no-repeat; background-position: bottom right; display: block; font-size: 14px; padding: 5px 0; text-indent: 15px; }
#navigation > li > a:hover { background-color: #4F7CB3; color: #FFFFFF; }
#navigation > li.home > a { background-image: url('../images/design/navigation/home.png'); }
#navigation > li.team > a { background-image: url('../images/design/navigation/team.png'); }
#navigation > li.news > a { background-image: url('../images/design/navigation/news.png'); }
#navigation > li.sintony > a { background-image: url('../images/design/navigation/sintony.png'); }
#navigation > li.privatkunden > a { background-image: url('../images/design/navigation/privatkunden.png'); }
#navigation > li.firmenkunden > a { background-image: url('../images/design/navigation/firmenkunden.png'); }
#navigation > li.kundendienst > a { background-image: url('../images/design/navigation/kundendienst.png'); }
#navigation > li.kontakt a { background-image: url('../images/design/navigation/kontakt.png'); }
#navigation li.subnavigation { border: none; }
#navigation li.subnavigation ul { list-style-position: inside; list-style-type: disc; }
#navigation li.subnavigation ul li { border: none; line-height: 20px; margin: 0; text-indent: 10px; }
#navigation li.subnavigation ul li a { background-color: transparent; font-size: 12px; }
#navigation li.subnavigation ul li a:hover { color: #4F7CB3; }


#navigation li.subnavigation ul {list-style:none; }
#navigation li.subnavigation ul li.subsubnavigation { display:block;  }
#navigation li.subnavigation ul li.subsubnavigation ul { line-height:1.2em; margin-top:5px; margin-bottom:10px; }
#navigation li.subnavigation ul li.subsubnavigation a { color:#03306B; margin-left:12px; display:block; font-size:11px; }
#navigation li.subnavigation ul li.subsubnavigation a:hover { color:#4F7CB3; text-decoration:none; }
#navigation li.subnavigation ul li.subsubnavigation ul li.active a { color:#4F7CB3; text-decoration:none; }

/*


/* CONTENT */

#wrap_content { width:670px; min-height:575px; float:left; background-color:#fff; }
 
#content { padding:20px 20px 10px 30px; float:left; width:620px; min-height:545px; font-family: Verdana, "MS Trebuchet", sans-serif; float:left; }
#content * { font-size: 12px; line-height:1.5em; color:#000;  }

#content h1 { color:#354282; font-size:16px; font-weight:bold; line-height:15px; margin:10px 0 15px 0; }
#content h2 { color:#0072bc; font-size:13px; font-weight:bold; height:25px; }

#content a { color:#777777; text-decoration: none; }
#content a:hover { color:#1e368b;}

#content ul, #content ol { margin-bottom:10px; }
#content ul li, #content ol li { margin-bottom: 5px; }

#content p { line-height: 18px; margin-bottom: 10px; margin-top: 5px; }
#content strong { font-weight: bold; }

#content br.clear { clear: both; height: 10px; }
#content .teaser a { cursor:pointer;}

#content .titleicon { float:left; margin-right:10px; margin-bottom:30px; }

#content iframe.mitglieder { width:100%; height:550px; }

/* PICTURES */
#content img { margin-bottom: 10px; margin-top: 5px; }
#content img.h-line { margin-bottom:10px; }
#content img.picture { float: right; margin-left: 15px; }


/* GALLERY */
#content div.gallery { float:left; }
#content div.gallery a { background-image:none; text-decoration:none; }
#content div.gallery a img.galleryThumbs { border: 1px solid #5f91cf; margin:0 10px 10px 0; float:left; }
#content div.gallery a img.galleryThumbs:hover { border: 1px dashed #5f91cf ; margin:0 10px 10px 0; float:left; }



















/* 	GLOBALNAVI - LOCATION 

#globalnavi { font-size:8px;  margin:7px 0 0 10px;}
#globalnavi a { color:#777777; font-size:10px; }
#globalnavi a:hover {color:#1e368b; }

/* SUCHFUNKTION 
#suche .field {border:1px solid #a6a8a9; margin-bottom:150px;}
#suche .button {border:1px solid #a6a8a9; margin-bottom:150px; cursor:pointer;}



/* BILDER 

img.picture_main { float:left; margin:0 15px 10px 0;}

/* PARTNERLOGIN 
#content form.partnerlogin { margin-left:10px; margin-top:20px; font-size:12px; height:50px; }
#content label { width:150px; float:left;  } 
#content input.partnerlogin { border:1px solid grey; margin-top:5px; margin-bottom:10px; width:200px; height:18px; vertical-align:middle; }
#content input.login { border:1px solid grey; width:60px; margin-top:10px; cursor:pointer; } 

/* LISTEN 
#content ul li { list-style:outside; margin-left:20px; }*/

/* LIQUID-GOLD SPETEC VERSION
#content { background-color: #fff; margin: 0 182px 0 171px; min-height: 430px; padding: 10px 0; width: 547px; }
#content * { color: #444; font-size: 12px; margin: 0 20px 0 35px; }
#content * * { margin: 0; }
#content h1 { background-repeat: no-repeat; background-position: top right; border: 1px solid #99D6EB; border-style: none none solid; color: #1376AF; font-size: 18px; height: 40px; letter-spacing: 0; line-height: 40px; margin: 0 0 30px; text-indent: 35px; vertical-align: bottom; }
#content h2 { color: #1F75A8; font-size: 16px; margin-bottom: 5px; }
#content h2 * { color: #1F75A8; font-size: 16px; }
#content h3 { color: #1F75A8; font-size: 14px; }
#content ul,
#content ol { margin-bottom: 10px; }
#content p { line-height: 18px; margin-bottom: 10px; margin-top: 5px; }
#content strong { font-weight: bold; }
#content img { margin-bottom: 10px; margin-top: 5px; }
#content img.picture { float: right; margin-left: 15px; }
#content a { color: #1F75A8 !important; text-decoration: none !important; }
#content ul li, #content ol li { margin-bottom: 5px; }
#content br.clear { clear: both; height: 10px; }
#content .teaser a { cursor:pointer;}
#content img {}

#content div.gallery { float:left; }
#content div.gallery a { background-image:none; text-decoration:none; }
#content div.gallery a img.galleryThumbs { border: 1px solid #4f7cb3; margin:0 10px 10px 0; float:left; }
#content div.gallery a img.galleryThumbs:hover { border: 1px dashed #4f7cb3 ; margin:0 10px 10px 0; float:left; }*/


/*#footer { background-image:url('../images/design/footer/footerback.jpg'); height:28px; width:674px; margin:20px 0 0 1px; float:left;}
#footer .footerlink_contact a{ text-decoration:none; font-size:10px; color:#777777; margin:9px 0 0 332px; float:left;}
#footer .footerlink_impressum a{ text-decoration:none; font-size:10px; color:#777777; margin:9px 0 0 27px; float:left;}

#footer .footerlink_contact a:hover { color:#1e368b; }
#footer .footerlink_impressum a:hover { color:#1e368b; }

*/


/* BOXES */

#boxes { width:209px; height:368px; float:left; min-height:368px; background-color:#FFFFFF; margin-top:300px; }

#box_top { background-image:url('../images/design/boxes/box_top_back.jpg'); background-repeat:no-repeat; height:184px; width:210px; float:left; }
#box_top h1 { font-size:14px; font-weight:bold; color:#FFFFFF; margin:9px 0 0 15px; }
#box_top h2 { color:#354282; font-size:11px; font-weight:bold; margin:25px 0 0 15px }
#box_top p { color:#646464; font-size:10px; font-weight:bold; padding:5px 10px 3px 15px; }
#box_top li { list-style:none; }
#box_top a { color:#354282; text-decoration:none; font-weight:bold; font-size:10px; line-height:20px;  }
#box_top a:hover { color:#354282; text-decoration:underline; font-weight:bold; font-size:10px;  }


#box_middle { background-image:url('../images/design/boxes/box_middle_back.jpg'); background-repeat:no-repeat; height:184px; width:210px; float:left; }
#box_middle h1 { font-size:14px; font-weight:bold; color:#FFFFFF; margin:9px 0 0 15px; }
#box_middle h2 { color:#354282; font-size:11px; font-weight:bold; margin:25px 0 0 15px }
#box_middle p { color:#646464; font-size:10px; font-weight:bold; margin:5px 0 0 0; padding:10px 10px 3px 15px; }

#box_bottom { background-image:url('../images/design/boxes/box_bottom_back.jpg'); background-repeat:no-repeat; height:187px; width:210px; float:left; }
#box_bottom h1 { font-size:14px; font-weight:bold; color:#FFFFFF; margin:9px 0 0 40px; }
#box_bottom span { color:#0072bc; font-size:10px; font-weight:bold; }
#box_bottom p { color:#646464; font-size:10px; font-weight:bold; margin:10px 0 0 0; padding:10px 10px 3px 15px; }
#box_bottom li { list-style:none; }
#box_bottom span a { color:#0072bc; text-decoration:none; font-weight:bold; font-size:10px; margin-left:15px;  }
#box_bottom a:hover { color:#0072bc; text-decoration:underline; font-weight:bold; font-size:10px;  }


#top { width:850px; height:160px; margin-left:9px; }
#topright { width:211px; height:160px; float:right; }

#slogan { padding:10px 10px 10px 10px; } 
#slogan h2 { font-weight:bold; font-size:11px; color:#354282; line-height:3px;  }
#slogan p { font-weight:bold; color:#646464; font-size:10px;  }

#slogan2 { padding:10px 10px 10px 10px; } 
#slogan2 h2 { font-weight:bold; font-size:11px; color:#354282; line-height:3px;  }
#slogan2 p { font-weight:bold; color:#646464; font-size:10px;  }




/* TOP */





/* LIQUID-GOLD SPETEC VERSION

#top { background-color: #E5E6E7; background-image: url('../images/design/top/bg.jpg'); background-position: top left; background-repeat: repeat-y; border: 1px solid #FFFFFF; border-style: solid none; height: 8px; }

*/


/** General Settings */


/** Classes */


/** HTML */


/** Body */


/** Wrap-all */


/** Header */


/** Wrap */


/** Navigation */


/** Content */


/** Footer */


/** Boxenright */


/** top */



