/********************* HEADER *********************************/

#top_spacer {

}

#header {
	float:left; 
	position:relative;
	width:388px;
	height:225px;
	background-color: #ffffff;
	margin: 4px;
	overflow: hidden;
}

#box_login {
	float:left; 
	border:1px;
	position:relative;
	width:190px;
	height:225px;
	background-color: #fff;
	margin: 3px;
	border: 1px #cccccc dotted;
	border-top: 2px #333333 solid;
	overflow: hidden;
}

#box_2x1 {
	float:left; 
	position:relative;
	width:388px;
	height:225px;
	background-color: #999;
 	background-image: url('../images/header.jpg'); 
	border: 1px #cccccc dotted;
	border-top: 2px #333333 solid;
	margin: 3px;
	display: none;
	overflow: hidden;
}

#box_2x2 {
	float:left; 
	position:relative;
	width:388px;
	height: 450px;
	background-color: #fff;
	border-top: 2px #333333 solid;
	margin: 4px;
	margin-bottom: 20px;
	overflow: hidden;
	vertical-align: top;
}

#box_2x2  img{
	width:388px;
	height:200px;
	overflow: hidden;
}

#box_2x2_1 {
	float:left; 
	position:relative;
	width:388px;
	height: 450px;
	background-color: #fff;
	border-top: 2px #333333 solid;
	margin: 4px;
	margin-bottom: 20px;
	overflow: hidden;
	vertical-align: top;
}

#box_2x2_1  img{
	width:388px;
	height:388px;
	overflow: hidden;
}

#box_3x2_1{
	float:left; 
	position:relative;
	width:586px;
	height:450px;
	background-color: #ffffff;
	border: 1px #cccccc dotted;
	border-top: 2px #333333 solid;
	margin: 3px;
	display: block;
	overflow: hidden;
}

#box_3x2_2 {
	float:left; 
	position:relative;
	width:586px;
	height:450px;
	background-color: #ffffff;
	border: 1px #cccccc dotted;
	border-top: 2px #333333 solid;
	margin: 3px;
	display: none;
	overflow: hidden;
}

#box_1x1 {
	float:left; 
	position:relative;
	width:190px;
	height:225px;
	background-color: #999;
	border: 1px #cccccc dotted;
	border-top: 2px #333333 solid;
	margin: 3px;
	display: none;
}

#box_klammer {
	float:left; 
	position:relative;
	width:190px;
	height:450px;
	display: none;
	margin: 4px;
	overflow: hidden;
}


#box_solo {
	display: block;
	}

#box_solo2 {
	display: block;
	}
	
.box_leading{
	float:left; 
	position:relative;
	width:388px;
	height:450px;
	background-color: #fff;
	z-index: 1;
	border: 1px #cccccc dotted;
	margin: 3px;
	overflow: hidden;
}

#box_frontpage{
	float:left; 
	position:relative;
	width:190px;
	height: 450px;
	background-color: #fff;
	border-top: 2px #333333 solid;
	margin: 4px;
	margin-bottom: 20px;
	overflow: hidden;
	vertical-align: top;	 
}

#box_frontpage a:link {
	font-size: 11px; 
	color: #333333; 
	text-decoration: none;
}

#box_frontpage  a:visited {
	color: #cccccc;
}


#box_minical{
	float:left; 
	position:relative;
	width:190px;
	height:225px; 
	background-color: #fff;
	border: 1px #cccccc dotted;
	border-top: 2px #333333 solid;
	margin: 3px;
	overflow: hidden;
}

#box_shortcuts {
	float:left; 
	position:relative;
	width:190px;
	 height:225px; 
	background-color: #fff;
	border: 1px #cccccc dotted;
	border-top: 2px #333333 solid;
	margin: 3px;
	overflow: hidden;
}

#box_eventsheute {
	float:left; 
	position:relative;
	width:190px;
	height:450px;  
	background-color: #fff;
	border: 1px #cccccc dotted;
	border-top: 2px #333333 solid;
	margin: 3px;
	overflow: hidden;
}

#box_aktuellebeitraege {
	float:left; 
	position:relative;
	width:190px;
	height:225px;  
	background-color: #fff;
	border: 1px #cccccc dotted;
	border-top: 2px #333333 solid;
	margin: 3px;
	overflow: hidden;
}

#box_footer {
	float:left; 
	position:relative;
	width:190px;
	height:225px;
	background-color: #fff;
	border: 1px #cccccc dotted;
	border-top: 2px #333333 solid;
	margin: 3px;
	vertical-align: bottom;
	overflow: hidden;
}

#box_pagination {
	float:left; 
	position:relative;
	width:190px;
	height:225px;
	background-color: #fff;
	border: 1px #cccccc dotted;
	border-top: 2px #333333 solid;
	margin: 3px;
	vertical-align: bottom;
	overflow: hidden;
}

#logobox {
     float:none;
     width:214px; 
     height:40px;  
     position:absolute; 
     left:10px; 
     top:10px; 
     background-color: #ffffff; 
     padding-top: 5px; 
	 padding-left: 5px;	 
}

#logo {
     z-index:2;
     float:left;
     background-color: #ffffff;
	 background-image: url('../images/curt_logo.gif');
	 width: 103px;
	 height: 25px;	
}

#logotext {
     z-index:3;
     float:left;
     background-color: #ffffff;
	 width: 103px;
	 position:relative;
	 left: 0px;
	 top: 13px; 
	color: #000000; 
	font-weight:bold; 
	font-size:12px; 
	margin : 0px;
}

#logolinkbox {
	float:none; 
	width:214px; 
	height:15px;  
	position:absolute; 
	left:10px; 
	top:45px; 
	z-index:4; 
	background-color: #ffffff; 
	padding-left: 5px;
	text-decoration:none;
	font-weight:bold;
	font-size:10px;
	color: #a0a0a0;

}

a.logolinkbox:link, a.logolinkbox:active, a.logolinkbox:visited {
	text-decoration:none;
	font-weight:bold;
	font-size:10px;
	color: #aaaaaa;
}

a.logolinkbox:hover {
	text-decoration:none;
	font-weight:bold;
	font-size:10px;
	color: #333333;
}


#loginbox {
	float:none; 
	position: absolute; 
	width: 180px; 
	height: 140px; 
	z-index: 2; 
	left: 5px; 
	top: 5px;
	text-align:right;
	text-decoration: underline;
}

#searchbox {
	float:none; 
	position: absolute; 
	width: 180px; 
	height: 20px; 
	z-index: 2; 
	left: 5px; 
	bottom: 20px; 
	text-align:right;
	text-decoration: underline;
}

#mainmenu {
	float:left; 
	width:400px; 
	height:100px; 
	position:relative; 
	top: 90px;
	left: -30px;
	z-index:2;	
}



#pathwayzeile {
	height: 18px;
    border-bottom: 1px;
	border-bottom-color: #cccccc;
	border-bottom-style: dotted;
	background-color:#ffffff;
	width: 600px;
	margin-left:5px;
	padding-top:3px;	
}

.pathway, a.pathway:link, a.pathway:visited {
	font-size: 10px;
	color: #999999;
}

a.pathway:hover {
	font-size: 10px;
	color: #333333;
}


/********************* HAUPTCONTAINER ***********************/
#wrap {
	float: left;
}


/***************  INHALTS-BERECIH*******************************************/
#container , #mcontainer, #icontainer, #imcontainer{
	text-align:left;
	float:left;
	
}

#mainbody {
	width: 100%;
	vertical-align: top;
	float:left;
}

#werbung125 {
    background-color: #ffffff;  
	z-index: 5;
	width: 125px;
	padding-left: 5px;
	padding-right: 5px;
	vertical-align: top;
	float:left;
}

#footer {
	clear: both;
	text-align: center;
	vertical-align: bottom;
	border:0px;
	position:relative;
	padding-top:20px;
	width: 800px;
	height: 50px;
	z-index: 1;
}

#end_spacer {
	clear: both;
	padding-top:10px;
	width:830px;
	background-image: url('../images/schatten_unten.png');
	background-repeat: no-repeat;
}

#skyscraper {
	 float:left; 
	 border:0px;
	 position:relative;
	 width:160px;
	 padding-left: 0px;
}


.artikel_mit_bild
{
	vertical-align: top;
	width: 290px;
	padding-left: 5px;
	padding-right: 5px;
}

.artikel_ohne_bild
{
	vertical-align: top;
	width: 450px;
	padding-left: 5px;
	padding-right: 5px;
}

.artikel_bildleiste
{
	vertical-align: top;
	width: 150px;
	padding-left: 5px;
	padding-right: 5px;
}

.intro_bildspalte_1von1
{
	width: 100px;
	vertical-align: top;
	padding-left: 5px;
	padding-right: 5px;	
}

.intro_textspalte_1von1
{
	width: 340px;
	padding-left: 5px;
	padding-right: 5px;
	vertical-align: top;
}

.intro_bildspalte_1von2
{
	width: 80px;
	vertical-align: top;
	padding-left: 5px;
	padding-right: 5px;
}

.intro_textspalte_1von2
{
	width: 215px;
	padding-left: 5px;
	padding-right: 5px;
	vertical-align: top;
}

.intro_bildspalte_2von2
{
	width: 80px;
	padding-left: 5px;
	padding-right: 5px;
	vertical-align: top;
}

.intro_textspalte_2von2
{
	width: 165px;
	padding-left: 5px;
	padding-right: 5px;
	vertical-align: top;
}

.leading_bildspalte
{
	width: 180px;
	vertical-align: top;
	padding-left: 5px;
	padding-right: 5px;	
}

.leading_textspalte
{
	width: 270px;
	padding-left: 5px;
	padding-right: 5px;
	vertical-align: top;
}

.frontpage_bild
{
	width: 80px;
	padding-left: 0px;
	padding-right: 5px;
	vertical-align: top;
    padding-top: 5px;
    padding-bottom: 5px;
}

.frontpage_text
{
	width: 325px;
	padding-left: 5px;
	padding-right: 5px;
	vertical-align: top;
    padding-top: 5px;
    padding-bottom: 5px;
}

/* ##########  MENU '##################### */
#subwrap 
{ 
 text-align: left ; 
}

.menu {
 top: 0px; 
 left: 0px; 
 position:absolute; 
 margin:0px !important ; 
 border: 0px none #FFFFFF ; 
 z-index: 1; 
}

 .menu a{
 margin:0px !important ; 
 padding: 5px 5px 5px 5px !important ; 
 display:block !important; 
 position:relative !important ; 
}

div.menu a,
div.menu a:visited,
div.menu a:link {
 font-size: 16px !important ; 
 font-family: Verdana, Arial, serif !important ; 
 text-align: left !important ; 
 font-weight: normal !important ; 
 color: #444444 !important ; 
 text-decoration: none !important ; 
 margin-bottom:0px !important ; 
 display:block !important; 
 white-space:nowrap ; 
}
div.menu ul {
	display: inline; 
	 text-decoration: none 
} 
div.menu ul.last {
 border-right: 0px none #FFC819 ; 
}  

#menu a.hover   { 
background-image:none; color: #000000 !important ; 
}

#menu span {
 display:none; 
}

#navigation {
	float: left;
	position: absolute;
	z-index: 50;
	padding: 0px;
	margin: 0px; 
	bottom: 20px;
	left: -30px;
	z-index:2;
    width: 430px;	
}

#navigation ul {
}

#navigation ul li {
	float: left;
	display: inline;
	padding: 0px 5px;
}

#navigation ul li a {
	font-size: 20px;
	text-transform: uppercase;
	text-decoration: none;
	color: #000000;
	line-height: 30px;
}

#navigation ul li a:hover {
	text-decoration: none;
	color: #808080;
}

#navigation ul li a:active{
	text-decoration: none;
	color: #FFFFFF;
	background-color: #000000;
}

#box_titel {
    float: left;
	z-index: 500;
	position:relative;
	text-align: left;
	border-radius: 0px;
	margin-right: 10px;
	padding: 1px 5px;
	width: 90%;
    color: #000;
	font-size:15px;
	font-weight:normal;
	margin-bottom: 6px;
	margin-top: 4px;
	text-decoration: underline;
	text-transform:uppercase;
}


/* ##########################  FALLUNTERSCHEIDUNGEN ###########################################*/
/* 
@media only screen  and (max-width: 583px) and (max-device-width: 1300px){
#container { width: 396px;}
#header { width: 190px; height: 388px;}
#navigation { width: 100px; }
#box_frontpage {	height: 600px;}
#box_frontpage a:link {	font-size: 16px; }
#box_titel {	font-size:17px;	font-weight:normal;}
}


@media only screen  and (min-width: 584px) and (max-width: 781px) and (max-device-width: 1300px){
#container { width: 396px;}
#header { width: 190px; height: 388px;}
#navigation { width: 100px; }
#box_frontpage {	height: 600px;}
#box_frontpage a:link {	font-size: 16px; }
#box_titel {	font-size:17px;	font-weight:normal;}
}

@media only screen and (min-width: 781px) and (max-width: 979px) and (max-device-width: 1300px){
#container { width: 594px;	}
#header { width: 190px; height: 388px;}
#navigation { width: 100px; }
#box_frontpage {	height: 600px;	}
#box_frontpage a:link {	font-size: 16px; }
#box_titel {	font-size:17px;	font-weight:normal; }
}

@media only screen and (min-width: 980px) and (max-width: 1177px) and (max-device-width: 1300px){
#container { width: 792px; }
#header { width: 190px; height: 388px;}
#navigation { width: 100px; }
#box_frontpage {	height: 600px;	}
#box_frontpage a:link {	font-size: 16px; }
#box_titel {	font-size:17px;	font-weight:normal;}
#box_klammer { display: block;}
#box_solo { display: none;}
#box_3x2_1 { display: block; }
}

@media only screen and (max-width: 583px) {
#container { width: 396px;}
#header { width: 190px; height: 388px;}
#navigation { width: 100px; }
}


@media only screen  and (min-width: 584px) and (max-width: 781px) {
#container { width: 396px;}
#header { width: 190px; height: 388px;}
#navigation { width: 100px; }
}

@media only screen and (min-width: 782px) and (max-width: 979px) {
#container { width: 594px;	}
#header { width: 190px; height: 388px;}
#navigation { width: 100px; }
}

@media only screen and (min-width: 980px) and (max-width: 1177px) and (min-device-width: 1300px){
#container { width: 792px;	}
#box_klammer { display: block; }
#box_solo { display: none; }
#box_shortcuts {	margin: 0px;}
#box_aktuellebeitraege {	margin: 10px 0px;}
#box_3x2_1 { display: block; }
} 

@media only screen and (min-width: 1178px) and (max-width: 1375px){
#container { width: 990px;}
#header { width:586px;}
#navigation { width: 600px; }
#box_klammer { display: block; }
#box_solo { display: none; }
#box_shortcuts {	margin: 0px;}
#box_aktuellebeitraege {	margin: 10px 0px;}
}

@media only screen and (min-width: 1376px) and (max-width: 1573px){
#container { width: 1188px;	}
#header { width:586px;  }
#navigation { width: 570px; font-size: 10px; }
#navigation ul li a { }
#box_klammer { display: block; }
#box_solo { display: none; }
#box_shortcuts {	margin: 0px;}
#box_aktuellebeitraege {	margin: 10px 0px;}
#box_1x1 { display: block; }
}

@media only screen and (min-width: 1574px) and (max-width: 1771px){
#container { width: 1386px;	}
#header { width:586px;}
#navigation { width: 570px; }
}

@media only screen and (min-width: 1772px) {
#container { width: 1584px;}
#header { width:586px;}
#navigation  { width: 570px;}
#box_1x1 { display: block; }
#box_3x2_2 { display: block; }
} */


@media only screen  and (max-width: 583px) and (max-device-width: 1300px){
#container , #icontainer, #mcontainer, #imcontainer { width: 396px;}
#wrap { width: 396px;}
#header { width: 190px; height: 388px;}
#box_frontpage {	height: 600px;	}
#box_frontpage a:link {	font-size: 16px; }
}


@media only screen  and (min-width: 584px) and (max-width: 781px) and (max-device-width: 1300px){
#container , #icontainer, #mcontainer, #imcontainer { width: 396px;}
#wrap { width: 396px;}
#header { width: 190px; height: 388px;}
#navigation { width: 100px; }
#box_frontpage {	height: 600px;	}
#box_frontpage a:link {	font-size: 16px; }
}

@media only screen and (min-width: 781px) and (max-width: 979px) and (max-device-width: 1300px){
#container , #icontainer, #mcontainer, #imcontainer { width: 594px;}
#header { width: 190px; height: 388px;}
#navigation { width: 100px; }
#box_frontpage {	height: 600px;	}
#box_frontpage a:link {	font-size: 16px; }
}

@media only screen and (min-width: 980px) and (max-width: 1177px) and (max-device-width: 1300px){
#container , #icontainer, #mcontainer, #imcontainer{ width: 792px; }
#wrap{ width: 792px; }
#header { width: 190px; height: 388px;}
#navigation { width: 100px; }
#box_frontpage {	height: 600px;	}
#box_frontpage a:link {	font-size: 16px; }
}

@media only screen and (max-width: 583px) {
#container , #icontainer, #mcontainer, #imcontainer{ width: 396px;}
#wrap{ width: 396px;	}
#header { width: 190px; height: 388px;}
#navigation { width: 100px; }
#box_frontpage {	height: 600px;	}
#box_frontpage a:link {	font-size: 16px; }
}


@media only screen  and (min-width: 584px) and (max-width: 781px) {
#container , #icontainer, #mcontainer, #imcontainer { width: 396px;}
#wrap{ width: 396px;}
#header { width: 190px; height: 388px;}
#navigation { width: 100px; }
#box_frontpage {	height: 600px;	}
#box_frontpage a:link {	font-size: 16px; }
}

@media only screen and (min-width: 782px) and (max-width: 979px) {
#container , #icontainer, #mcontainer, #imcontainer { width: 594px;	}
#mcontainer { width: 594px;	}
#wrap{ width: 594px;}
}

@media only screen and (min-width: 980px) and (max-width: 1177px) and (min-device-width: 1300px){
#container , #icontainer, #mcontainer, #imcontainer { width: 792px;	}
#mcontainer { width: 792px;	}
#wrap{ width: 792px;}
} 

@media only screen and (min-width: 1178px) and (max-width: 1375px){
#container , #icontainer, #mcontainer, #imcontainer { width: 990px;}
#mcontainer { width: 990px;	}
#wrap{ width: 990px;}
}

@media only screen and (min-width: 1376px) and (max-width: 1573px){
#container , #icontainer, #mcontainer, #imcontainer{ width: 1188px;	}
#wrap{ width: 1188px;}
}

@media only screen and (min-width: 1574px) and (max-width: 1771px){
#container , #icontainer, #mcontainer, #imcontainer { width: 1386px;	}
#mcontainer { width: 1386px;	}
#wrap{ width: 1386px;}
}

@media only screen and (min-width: 1772px) {
#container , #icontainer, #mcontainer, #imcontainer { width: 1584px;}
#mcontainer { width: 1584px;	}
#wrap{ width: 1584px;}
}