/* copyright ArtProLog 2007 Ursula Bartels */

/* BODY */
body                          { color: #666; font-size: 0.7em; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; background-color: white; background-image: url("../images/layout/stretch_top.gif"); background-repeat: repeat-x; background-position: left top; text-align: center; margin: 0; padding: 0 }

/* PRE FORMAT */
p,pre           { margin: 0 0 2px }
img  { border-style: none }

h1,h2,h3,h4 {font-weight: bold; line-height: 1.5em; }
h1     	             { color: #fff; font-size: 1.3em; line-height: 22px; background-color: #999; text-transform: uppercase; margin: 0 -20px 5px; padding-right: 30px; padding-left: 10px; width: 100%; min-height: 22px; clear: left; border-top: 1px solid #036; border-bottom: 1px solid #036 }
* html h1 {height: 22px}
#contentrechts h1, #contentlinks h1     { text-align: center; font-size: 1.1em; margin-right: -10px; margin-left: -10px; padding-right: 10px; border-top: none }
#contentlinks h1   { background-color: #A6D0EA}
h2    	 { font-size: 1.2em; margin: 0 }
h3    	 { font-size: 1.1em; margin: 0 }
h4    	 { font-size: 1em; margin: 0 }

/* LINK */
a,
a:link,
a:visited,
a:hover,
a:active {color: #54A1D3; text-decoration: none }
a:hover {text-decoration: underline;}

#contentbox1 a,
#contentbox1 a:link,
#contentbox1 a:visited,
#contentbox1 a:hover,
#contentbox1 a:active {color: #FDD45B; text-decoration: none }
#contentbox1 a:hover {text-decoration: underline;}

/* CLASSES */
.pb, .pbrot, .pbweiss { font-weight: bold }
.pbrot {color: #f00; }
.pbweiss {color: #fff;}
.clearer {clear: both; }
.separator     { font-size: 0.3em; line-height: 0.3em; background-color: #fff; margin: 0 -10px 0; padding: 0; height: 3px; border-top: 1px solid #036; border-bottom: 1px solid #036 }
#contentbox2 .separator, #loginbox .separator, #google .separator, #bannerbox .separator {display: none}
#spacer  { font-size: 0; line-height: 0; margin-bottom: -5px; height: 0 }

/* LOGO PRINT*/
#logo_print {display: none}

/* CONTAINER */
#container            { text-align: center; margin: auto; width: 955px; height: 100% }

/* BANNER */
#bannerbox 	     { text-align: left; width: 100%; height: 70px }
#banner1	      { margin-top: 5px; float: left; }
#banner2	     { margin-top: 5px; float: right; }
#contentbox3 .banner  { text-align: center; padding-top: 10px; padding-bottom: 10px }

/* NAVIGATION */
#navigation 	    { text-align: left; width: 100%; height: 25px }
#navigation-bottom   { background-color: #54a1d3; border-bottom: 1px solid #036; margin-bottom: 10px; clear: both}

#third-level-navigation ul   { list-style-type: none; list-style-image: none }
#third-level-navigation li  { list-style-type: none; list-style-image: none; margin: 0 -10px 0 -20px; padding: 0; width: 200px; border-bottom: 1px solid #fff }
#third-level-navigation li a,
#third-level-navigation li a:link,
#third-level-navigation li a:visited,
#third-level-navigation li a:hover,
#third-level-navigation li a:active      { color: #fff; font-weight: bold; line-height: 2.2em; text-decoration: none; background-color: #036; text-transform: uppercase; display: block; padding-left: 30px }

#third-level-navigation li.selected a ,
#third-level-navigation li.selected a:link,
#third-level-navigation li.selected a:visited,
#third-level-navigation li.selected a:hover,
#third-level-navigation li.selected a:active      { color: #666; background-color: #e6e6e6 }

#third-level-navigation li a:hover  { color: #666; background-color: #e6e6e6 }

/* TOP BILD */
#bild   { background-image: url("../images/layout/top.gif"); background-repeat: no-repeat; background-position: left top; margin-bottom: 10px }

/* CONTENT */
#contentbox   { min-height: 321px }
#contentbox			ul    { list-style-image: url("../images/misc/pfeile/pfeil_grau.gif"); margin: 0; padding: 0 10px 10px 20px; width: 100% }

#contentbox1,
#contentbox2,
#contentbox3	     	    { background-color: #54a1d3; text-align: left; display: block; margin-right: 10px; width: 200px; min-height: 321px; float: left }

#contentbox1   { color: #fff; border-top: 1px solid #036 }

#contentbox2 	  		 { background-color: #fff; width: 535px }

#contentbox3	     	  { background-color: #e6e6e6; margin-right: 0; border-top: 1px solid #036 }

#contentlinks	       	  { padding: 0 10px 10px }
#content	     		 { padding: 0 20px 10px }
#contentrechts	      	  { padding: 0 10px 10px }

*html #contentbox1, *html #contentbox2, *html #contentbox3  { height: 321px;  }

/* FOOTER */
#footer 		    { line-height: 2em; text-align: left; text-indent: 10px; margin-bottom: 20px; padding-top: 5px; height: 2em; clear: left; border-top: 1px solid #036 }
.footer-bild   { margin-bottom: -3px }

/* FORM */
input,textarea,select      { background-color: #fff; padding: 1px; border: solid 1px #036; width: 150px }
form,fieldset  { margin: 0; padding: 0; border-style: none }
label   { font-weight: bold; text-align: left; }
.csc-mailform-field {clear: left}
.csc-mailform-submit   { margin-top: 5px; width: 154px}

/* LOGIN FORM */
#loginbox   {margin: 0; padding: 5px; width: 200px }
#loginbox form, #loginbox fieldset  { margin: 0; padding: 0; border-style: none }
#loginbox label       { display: block; width: 95px; float: left }
#loginbox input        { background-color: #fff; margin: 0; padding: 1px; width: 91px; float: left; border: solid 1px #036 }

* html #loginbox input        { width: 95px; }

#loginbox .login-form-zeile   { white-space: nowrap; width: 190px; height: 25px; clear: both }
#loginbox input.form-submit  { float: right; width: 95px;}

.separator-loginbox      { background-color: #fff; margin: 0 0 0; height: 3px; border-top: 1px solid #036; border-bottom: 1px solid #036 }
* html .separator-loginbox     { height: 6px; }