/************* Allgemein *************/
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	background-color: #000000;
	background-image: url(images/defaultpages/verlauf_back.jpg);
	color: #FFFFFF;
}

/************* Hauptrahmen *************/
.page {
	width: 976px;
	margin: 0 auto; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
	text-align: left;
	background-color:transparent;
	position: relative;
}

#banner {
width:976px;
height:242px;
position:absolute;
float:left;
top:42px; 
left:0px;
z-index:2;
}


.contentcontainer {
position:absolute;
width:976px;
top:318px;
position:absolute;
left:0;
margin-top:8px;
}

.contentcontainer_pd {
position:absolute;
width:976px;
top:78px;
position:absolute;
left:0;
z-index:2;
}

.conttop {
width:976px;
min-height:200px;
height:auto !important;  /* für moderne Browser */
height:200px;  /*für den IE */
margin-top:8px;
/*overflow:auto;*/  /*HIER LIEGT DER HUND IE visible! */
overflow:hidden;
z-index:2;
}

.picbox {
width:242px;
min-height:242px;
height:auto !important;  /* für moderne Browser */
height:242px;  /*für den IE */
background-color:black;
float:left;
overflow:hidden;
z-index:2;
}


.textbox {
width:230px;
min-height:230px;
height:auto !important; 
height:230px;  
background-color:gray;
/*background-image: url("images/defaultpages/verlauf_box1.jpg");*/
background-image: url("images/backgrounds/verlauf_gross_hell.jpg");
float:left;
overflow:visible;
padding: 6px;
z-index:2;
}

.textbox a {
text-decoration:none;
color:white;
}

.textbox a:hover {
	color:#f64c20;
}



.contspacer {
width:8px;
min-height:32px;
height:auto !important;  /* für moderne Browser */
height:32px;  /*für den IE */
float:left;
overflow:visible;
}


.picboxsm {
width:119px;
min-height:100px;
height:auto !important;  /* für moderne Browser */
height:100px;  /*für den IE */
background-color:black;
float:left;
/*position:relative;*/
}


.textboxsm {
width:107px;
min-height:107px;
height:auto !important; 
height:107px;  
background-color:gray;
background-image: url(images/defaultpages/verlauf_box4.jpg);
float:left;
overflow:visible;
padding: 6px;
}

.picboxsmnews {
width:119px;
min-height:100px;
height:auto !important;  /* für moderne Browser */
height:100px;  /*für den IE */
float:left;
/*position:relative;*/
}


.textboxsmnews {
width:107px;
min-height:107px;
height:auto !important; 
height:107px;  
float:left;
overflow:visible;
padding: 6px;
}


.textboxsm a {
	color:white;
	text-decoration: none;
}

.textboxsm a:hover {
	color:#f64c20;
}

.textboxsmnews a {
	color:white;
	text-decoration: none;
}

.textboxsmnews a:hover {
	color:#f64c20;
}



.newsboxsm {
width:226px;
min-height:107px;
height:auto !important; 
height:107px;  
background-color:gray;
background-image: url(images/defaultpages/verlauf_box4.jpg);
float:left;
overflow:visible;
padding: 6px;
color:#f64c20;
}

.newsboxnews {
width:238px;
min-height:107px;
height:auto !important; 
height:107px;  
float:left;
overflow:visible;
padding: 0px;
color:#f64c20;
}



.contbott {
width:976px;
min-height:100px;
height:auto !important;  /* für moderne Browser */
height:100px;  /*für den IE */
margin-top:8px;
overflow:visible;
left:0;
font-size:11px;
}

.contmid {
width:976px;
min-height:120px;
height:auto !important;  /* für moderne Browser */
height:120px;  /*für den IE */
margin-top:8px;
overflow:visible;
left:0;
font-size:11px;
border-top:2px;
border-left:0px;
border-bottom:2px;
border-right:0px;
border-style:solid;
border-color:#bfbfbf;
background-image: url(images/defaultpages/verlauf_box4.jpg);
}


.foota{
	font-size:9px;
	color:#AAAAAA;
	clear: none;
	float: left;
	width: 976px;
	font-weight: normal;
	margin-top: 4px;
	height: 20px;
}

.footpos {
	color:#f64c20;
}
.foota a:hover {
	color:white;
}

.paiste {
background-color:#ffcc00;
width:200px;
height:100px;
float:right;
}


#menu {
	z-index:8;
	width:976px;
	text-align:left;
	position:absolute;
	height: 76px;
}

/************* Typo Zeugs *************/

/* Punktlinie Trennlinie*/	
.punkt_linie {
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #FFFFFF;
}

/* Fix for MS Office style paragraphs (MsoNormal) */

p {
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6 {
  font-family: arial, helvetica, sans-serif;
  line-height: normal;
  font-weight: bold;
  background-color: transparent;
  border-bottom: none;
  margin-bottom:0px;
  padding-bottom: 0em;
  margin-top:0px;
  padding-top: 0em;
}


h1 {
	font-size: 2em;
	line-height: 1em;
}

h2 {
	font-size: 1.5em;
	line-height: 1em;
	
}

.orange {color:#f64c20;}

.orangebold {color:#f64c20}

.orangemiddle {color:#f64c20;
              font-size: 1.5em;
}

.orangebig {color:#f64c20;
           font-size: 2em;
}

.orangelink {
text-decoration:none;
color:#f64c20;
}


a {
	color:#AAAAAA;
	/*text-decoration: none;*/
}

a:hover {
	color:white;
}

img {display:block;}

input, textarea {background-color:white;}