/* note that some double declarations where one has !important is wanted, it's a way to specify ie6 "only" rules */
html, body {margin:0;padding:0;}
body {margin-top:23px;font-family:Verdana,Arial,sans-serif;font-size:62.5%;}
body .mittelbalken {position:absolute;top:295px;z-index:1;min-width:1024px;height:46px;max-height:46px;}
body .linierung-links {position:absolute;top:320px;left:0px;z-index:-7;height:271px;}
body .linierung-rechts {position:absolute;top:320px;right:0px;z-index:-7;height:389px;}
h1, h2, h3 ,h4 , h5, h6 {margin:0;padding:0;font-size:1em;}
h1 {margin-bottom:36px;}
#home h1 {text-align: center; font-size: 1.4em;}
div {color:#707173;}
h1, .active, #navi_left_sub .trail, #navi_left_sub .level_1 li .trail{color:#00788d;}
h2 {color:#009ee0;margin-bottom:12px;}
area {cursor:pointer;}
a:link {color:#707173;}
a:visited {color:#707173;}
a:hover {color:#eb7f00;}
a:active {color:#00788d;}
#main .inside a:link {color:#00788d;}
#main .inside a:visited {color:#00788d;}
#main .inside a:hover {color:#eb7f00;}
#main .inside a:active {color:#00788d;}
#main .inside a {text-decoration:none;}
#languages a {text-decoration:none;}
#languages a:link {color:#7de6fb;}
#languages a:visited {color:#7de6fb;}
#languages a:hover {color:#80c1ce;}
#languages a:active {color:#80c1ce;}
.invisible {display:none;}
#wrapper {width:1024px;margin:0px auto;font-size:1.1em;}
#header {height:273px;width:1024px;position:relative;z-index:1;}
#header .inside {margin-left:124px;height:272px;position:relative;background:#fff url("../images/layout/Codiplan-Header.jpg") no-repeat scroll left top;}
#header .logo {position:absolute;right:2px;top:148px;}
#header .logo img {border:none;}
#container {position:relative;z-index:0;height:auto !important;height:400px;padding-top:25px;float:left;background:#fff url("../images/layout/Codiplan-Kreis-Spiegelung.png") no-repeat scroll 124px 25px;}
#left, #main {float:left;}
/* important hack for IE6, need to use that to show an image, otherwise it is cut of because of the pngfix*/
#main {width:618px;height:auto !important;height:450px;margin:14px 15px 15px;position:relative;z-index:2;background:transparent url("../images/layout/Codiplan-Content-Linie.png") no-repeat scroll left top;}
#container .section {position:absolute;top:25px;left:171px;z-index:1;}
#main .mainBackground {position:absolute;top:0px;}
#main .inside {position:relative;width:485px;z-index:2;min-height:246px;height:auto !important;height:246px;padding-left:9px;padding-top:10px;}
#main ul {padding-left:2px;margin-left:12px;list-style-type:square;margin-bottom:36px;}
#main ul li {margin-bottom:10px;}
#main .mod_article ul > li > ul  > li{color:#707173;}
#main .sublist {padding-left:30px;margin-top:10px;margin-bottom:10px;}
#main .moreclass {cursor:pointer;}
#main #historie table tbody th {color:#11A4E1;}
#main #historie table tbody th, #main #historie table tbody td {vertical-align:top;}
#main #kontakt .formbody input, textarea, submit, select {border:1px solid #888;margin-bottom:2px;}
#main #kontakt .formbody textarea {margin-left:190px !important;margin-left:193px;}
#main #kontakt table #righttd {padding-left:60px;}
#main #kontakt .formbody .col_last {padding-left:45px;}
#main #kontakt .formbody label {display:block;width:190px;float:left;}
#left{position:relative;width:156px;min-height:271px;height:100%;background:transparent url("../images/layout/Codiplan-Linierung-links.gif") repeat-x scroll left top;}
#left #userlogin {position:absolute;top:246px;right:0px;background:transparent url("../images/layout/Codiplan-Login-Main.png") no-repeat scroll top left;width:136px;height:135px;}
#left #userlogin input {width:98px;height:18px;border:none;background-color:transparent;}
#left #userlogin .submit_container input{position:absolute;bottom:-7px !important;bottom:-5px;left:-28px;cursor:pointer;width:18px;height:55px;margin:0;padding:0;}
/* IE 7 workaround (the "login" image was not fitting)*/
*+html #left #userlogin .submit_container input{bottom:-4px !important;}
#left #userlogin .logout input {display:none;}
#left #userlogin .formbody {position:absolute;bottom:7px !important;bottom:3px;left:28px;}
#left #userlogin #logged_in_as {width:100px;}
/* IE 7 workaround (position of the loginform was offset)*/
*+html #left #userlogin .formbody {bottom:4px !important;}
#left #userlogin .login_info a:link {color:#707173;}
#left #userlogin .login_info a:visited {color:#707173;}
#left #userlogin .login_info a:hover {color:#c8d0d2;}
#left #userlogin .login_info a:active {color:#00788d;}
#left #userlogin .login_info p {margin:0 0 10px 0;}
#left #userlogin .login_info {position:absolute;top:-115px;left:0px;}
#left #userlogin .error {position:absolute;width:100px;top:-90px !important;top:-80px;left:5px !important;left:0px;}
/* IE 7 workaround (position of the message was offset)*/
*+html #left #userlogin .error{top:-75px !important;}
#codippt, #qexam, #qexamtiho {margin-top:6px; margin-bottom:6px;color:#fff;}
#right {float:right;margin-right:1px;width:218px;min-height:393px;position:relative;z-index:0;}
#right .inside {float:left;background-color:#D4D4D5;width:218px;}
#right .imgsection {float:left;background-color:#D4D4D5;width:218px;height:auto !important;height:270px;min-height:270px;}
#right .mod_article {float:left;width:200px;padding:5px 9px 5px 9px !important;padding:5px 9px 5px 9px;position:relative;background-color:#d4d4d5}
#right .mod_article .ce_image {float:left;margin-left:2px;}
#right .mod_article object {margin-left:2px;}
#right .mod_article .ce_image a img {border:none;}
#right #klammer-unten, #right #klammer-unten-news, #right #klammer-oben {float:left;margin-left:3px;}
#right #klammer-unten-news {position:relative;top:35px;}
#right #newsticker_body {width:218px;padding:0 !important;position:relative;background:transparent url("../images/layout/Codiplan-Newsticker-Header.png") no-repeat scroll left top;}
#right #newsticker_body #newsticker {min-height:242px;height:auto !important;height:242px;position:relative;top:36px;background:#d4d4d5 url("../images/layout/Codiplan-Newsticker-Klammer-oben.jpg") no-repeat scroll center top;}
#right #newsticker_body #newsticker #newsticker_block {position:relative;z-index:2;overflow:hidden;padding:15px 9px 0px 9px;}
/*From newsticker.js: Need to use the color, opacity creates a line-break inbetween the two span tags (teaser & fulltext) in IE 6/7 */
#right #newsticker_body #newsticker #newsticker_block #fulltext {color:#d4d4d5}
#right #newsticker_body #newsticker #newsticker_block #more {cursor:pointer;}
#right #teaser {display:inline;}
#right #teaser p{margin:0;}
#right #bildhead {float:left;}
#right #gradient {position:relative;z-index:-5;top:68px;}
#right #personeninfo div {display:none;}
#right #personeninfo .ce_text {margin-bottom:10px;}

#languages {
    position:absolute;
    right:2px;
    bottom:-13px;
}

#languages ul {
    list-style:none;
    font-size:0.8em;
    line-height:0.9em;
}

#languages ul li {
    float:left;
    border-right:1px solid #fff;
    padding-right:4px;
    margin-right:4px;
    color:#fff;
}

#languages ul .last {
    border:0;
    margin:0;
    padding:0;
}