/* CSS fuer www.proxi.de 2008 */

* { /* Mit Universalselektor die Polsterungseigenschaften aller (Block-)Elemente auf null setzen */
margin: 0; padding: 0; font: normal 1em verdana, arial, sans-serif;
}

body {
	text-align: center; /* Fuer IE 5.01 & 5.5, um die Box #layout horizontal zu zentrieren */
	background-color:rgb(227,230,244);
	border: 0;
}
div {
text-align: left; /* text-align:center wieder aufheben, damit DIV-Inhalte linksbuendig ausgerichtet sind */
}
html, body {
height: 100%;
}

/* andere Links, Achtung: Reihenfolge */
a:link,a:visited,a:hover,a:active,a:focus  	
{ color:rgb(5,27,112);}
a:hover  	{color:rgb(199,17,29); text-decoration: underline;}
a:active    {color:rgb(0,0,0); text-decoration: underline;}

a.external-link img ,
a.external-link-new-window img ,
a.internal-link img ,
a.mail img { border:none; }


/* Start layoutboxen */

div#layout {position:relative; margin: 0 auto; width: 967px; background: url(../images/bg.gif) repeat-y; background-color:rgb(242,242,250); border: 0;}

div#header {
	background-color:#FFFFFF;
	height:92px;
}
#header .bodytext {margin:0; padding:0;}

div#link {
	width:292px;
	height:92px;	
}
div#top_nav {
	height:110px;
	background-color:rgb(230,231,252);
	background-image:url(../images/bluebla.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	padding-left: 320px;
	border: 0;
}

#top_nav ul{
	display: inline;
	list-style-type: none;
}	

#top_nav li{
	display: inline;
	list-style-type: none;
	margin-left:50px;
	margin-top: 55px;
	font-size:14px;
	
}	

#top_nav ul li{
	float: left; 
	padding: 4px;
}

#top_nav ul li ul, #top_nav ul li ul li{
	clear: both; 
	padding: 0px;	
	
}
#top_nav a:link,#top_nav a:visited,#top_nav a:active,#top_nav a:focus  	
{ text-decoration: none; font-weight:bold;}
#top_nav a:hover  	
{font-weight:bold;}

#top_nav .menu_act_a, #top_nav .menu_act_a a {color:rgb(199,17,29);}

div#iso {
	position:absolute; 
	right:0px;
	top:112px;
}

div#left_col {
	margin-top:45px;
	margin:0px;
	float:left;
}

div#left_col_abstand{
	margin: 20px;
	padding: 0;
}
	
#left_col ul,
#left_col li,
#left_col ul li ul li a{
	padding: 0;
	margin:  0;  
}
#left_col li a {
	font-size: 11px;
	color:rgb(5,27,112);
	background-image:url(/fileadmin/images/kreis1.gif);
	background-position: center left;
	background-repeat: no-repeat;
}
#left_col ul li a {
	margin: 0;
	padding: 0;
	padding-left: 14px;
}	

#left_col li  {
	line-height: 20px;
	list-style-type: none;
}
#left_col ul li ul li{
	margin-left: 18px;
}
#left_col ul li ul li ul li{
	margin-left: 6px;
}

#left_col    .menu_act_a  a   { background-image: url(/fileadmin/images/kreis2.gif); }
#left_col    .menu_act_a a    { color:rgb(199,17,29); }
#left_col    .menu_pas_a a    { color:rgb(5,27,112); }
#left_col ul .menu_act_a li a { background-image: none;}

#left_col a:link,#left_col a:visited,#left_col a:hover,#left_col a:active,#left_col a:focus  	
{ text-decoration: none;}
#left_col a:hover
{ color:rgb(199,17,29); text-decoration: underline; background-image: url(/fileadmin/images/kreis2.gif);}
#left_col ul li ul li a:hover, #left_col ul li ul li ul li a:hover
{ background-image: none;}

div#right_col {
	background-color:#FFFFFF;
	width:185px;
	float:right;
}
div#center_col {
	margin-top:0px;
	margin-bottom:0;
	margin-left:225px;
	margin-right:195px;
	padding:0;
}
ul li {font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #051B70;
	line-height: 16px;
	text-align: left;
	margin-left:10px;
}
ol li {font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #051B70;
	line-height: 16px;
	text-align: left;
	margin-left:30px;
}
div#footer {
	clear:both;
	bottom:10px;
	padding-top:20px;
	padding-bottom:20px;
	width:100%;
	height:25px;
	background-color:rgb(255,255,255);
}
.footer {font-size:70%; color:#0066CC; text-align:center;}
#copyrightbox {float:left; padding-top:8px; padding-right:30px; padding-left:0px; font-size:70%; font-weight:bold; color:rgb(150,150,150);}

/* clearfix zum Aufheben der Floatumgebung */

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* Ende layoutboxen */

/* img Anweisung fuer linkstyle */
img {border: none;}

td {vertical-align:top;}

.blaue_zelle p{color:rgb(255,255,255); font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight:bold;}

.trenner {background-color: #676FC2}

/* Calculator */
.preisrechner {vertical-align:middle; height:24px;}
.preisrechner .selectbox {font-size:12px; color:rgb(5,27,112); float:left; display:inline; vertical-align:middle; height:24px; margin-top:2px; margin-right:20px;}
.preisrechner input {font-size:12px; color:rgb(5,27,112); float:left; display:inline; vertical-align:middle; height:24px;}
.preisrechner div {font-size:12px; color:rgb(5,27,112); float:left; display:inline; vertical-align:middle; line-height:24px;}


/* Formulare */
.csc-mailform {border: none;} /* Rand ausschalten */
.csc-mailform-label {float:left; clear:both; display:block; padding-left:20px; margin-bottom:10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight:bold;}
.csc-mailform-field label {float:left; clear:both; display:block; width:100px; padding-left:20px; margin-bottom:10px; font-size:11px; font-family: Verdana, Arial, Helvetica, sans-serif;}
.csc-mailform-field input, .csc-mailform-field textarea, .csc-mailform-field select {float:left; display:block; width:300px; border: 1px solid #051B70; background:rgb(255,255,255); padding:2px; margin-bottom:10px; font-size:11px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #051B70;}
.csc-mailform-field select {float:left; display:block; width:300px; border: 1px solid #051B70; background:rgb(255,255,255); padding:2px; margin-bottom:10px; font-size:11px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #051B70;}
.csc-mailform-field .csc-mailform-check {border:0; background-color:rgb(242,242,250); width:150px;}
.csc-mailform-field select {float:left; display:block; width:100px; border: 1px solid #051B70; background:rgb(255,255,255); padding:2px; margin-bottom:10px; font-size:11px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #051B70;}
.csc-mailform-submit {color:#051B70; width:250px; margin-top:10px; margin-left:0px; margin-bottom:10px; }


/* Anpassungen sitemap */
.csc-sitemap { margin-top: 12px; margin-bottom: 12px;}
.csc-sitemap ul  {
 	margin-top: 3px;
 	margin-bottom: 8px;
}
.csc-sitemap li a    { 
	margin-left: -15px;
	font-size: 14px;
}
.csc-sitemap li li a { 
	margin-left: 0;
	font-size: 13px;
}
.csc-sitemap li ul li ul li a { 
	font-size: 12px;
}
.csc-sitemap li ul li ul li ul li a { 
   font-size: 11px;
}
.csc-sitemap li { 
	margin-left: 40px;
	margin-bottom: 10px;
}
.csc-sitemap li li { 
	margin-left: 40px;
	margin-bottom: 4px;
}
.csc-sitemap li li li { 
	margin-left: 30px;
	margin-bottom: 4px;
}

.csc-sitemap li     { 
	padding: 0;
	margin: 0;
	line-height: 18px; 	
	list-style-position: inside; 
	list-style-image: url(/fileadmin/images/kreis1.gif); 
	}
.csc-sitemap li ul li  { 
	list-style-type: none;
	list-style-image: none; 
}

/* default styles for extension "tx_cssstyledcontent" */
	/* Captions */
	DIV.csc-textpic-caption-c .csc-textpic-caption { text-align: center; }
	DIV.csc-textpic-caption-r .csc-textpic-caption { text-align: right; }
	DIV.csc-textpic-caption-l .csc-textpic-caption { text-align: left; }

	/* Needed for noRows setting */
	DIV.csc-textpic DIV.csc-textpic-imagecolumn { float: left; display: inline; }

	/* Border just around the image */
	DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG {
		border: 0 0px 0px 0 solid #F2FeFA;
		padding: 10px 10px 10px 10px;
	}

	DIV.csc-textpic-imagewrap { padding: 0; }

	DIV.csc-textpic IMG { border: none; }

	/* DIV: This will place the images side by side */
	DIV.csc-textpic DIV.csc-textpic-imagewrap DIV.csc-textpic-image { float: left; }

	/* UL: This will place the images side by side */
	DIV.csc-textpic DIV.csc-textpic-imagewrap UL { list-style: none; margin: 0; padding: 0; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap UL LI { float: left; margin: 0; padding: 0; }

	/* DL: This will place the images side by side */
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image { float: left; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DT { float: none; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD { float: none; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD IMG { border: none; } /* FE-Editing Icons */
	DL.csc-textpic-image { margin: 0; }
	DL.csc-textpic-image DT { margin: 0; display: inline; }
	DL.csc-textpic-image DD { margin: 0; }

	/* Clearer */
	DIV.csc-textpic-clear { clear: both; }

	/* Margins around images: */

	/* Pictures on left, add margin on right */
	DIV.csc-textpic-left DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; /* IE fix for double-margin bug */
		margin-right: 0px;
	}

	/* Pictures on right, add margin on left */
	DIV.csc-textpic-right DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; /* IE fix for double-margin bug */
		margin-left: 0px;
	}


	/* Pictures centered, add margin on left */
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; /* IE fix for double-margin bug */
		margin-left: 0px;
	}
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption { margin: 0; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image IMG { margin: 0; }

	/* Space below each image (also in-between rows) */
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 5px; }
	DIV.csc-textpic-equalheight DIV.csc-textpic-imagerow { margin-bottom: 5px; display: block; }
	DIV.csc-textpic DIV.csc-textpic-imagerow { clear: both; }

	/* No margins around the whole image-block */
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-firstcol { margin-left: 0px !important; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-lastcol { margin-right: 0px !important; }

	/* Add margin from image-block to text (in case of "Text w/ images") */
	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap,
	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap {
		margin-right: 10px !important;
	}
	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap,
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap {
		margin-left: 10px !important;
	}

	/* Positioning of images: */

	/* Above */
	DIV.csc-textpic-above DIV.csc-textpic-text { clear: both; }

	/* Center (above or below) */
	DIV.csc-textpic-center { text-align: center; /* IE-hack */ }
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap { margin: 0 auto; }
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image { text-align: left; /* Remove IE-hack */ }
	DIV.csc-textpic-center DIV.csc-textpic-text { text-align: left; /* Remove IE-hack */ }

	/* Right (above or below) */
	DIV.csc-textpic-right DIV.csc-textpic-imagewrap { float: right; }
	DIV.csc-textpic-right DIV.csc-textpic-text { clear: right; }

	/* Left (above or below) */
	DIV.csc-textpic-left DIV.csc-textpic-imagewrap { float: left; }
	DIV.csc-textpic-left DIV.csc-textpic-text { clear: left; }

	/* Left (in text) */
	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap { float: left; }

	/* Right (in text) */
	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap { float: right; }

	/* Right (in text, no wrap around) */
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap { float: right; clear: both; }
	/* Hide from IE5-mac. Only IE-win sees this. \*/
	* html DIV.csc-textpic-intext-right-nowrap .csc-textpic-text { height: 1%; }
	/* End hide from IE5/mac */

	/* Left (in text, no wrap around) */
	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap { float: left; clear: both; }
	/* Hide from IE5-mac. Only IE-win sees this. \*/

	* html DIV.csc-textpic-intext-left-nowrap .csc-textpic-text { height: 1%; }
	/* End hide from IE5/mac */