/*IPS-Stylesheet  Startseite*/
/* CSS by System-Factory Matthias Braun*/

body{
color: #666666;
background-color: white;
font-family: Arial, Verdana;
font-size: 13px;
text-align: center;  /* Zentrierung im Internet Explorer */

}

#startseite {
background-image:url(../images/bodybg.jpg); background-repeat:no-repeat; background-position:center top; 
}
*html #startseite {
background-image:url(../images/bg_start_new.jpg); background-repeat:no-repeat; background-position:center top; 
}
*+ html #startseite {
background-image:url(../images/bg_start_new.jpg); background-repeat:no-repeat; background-position:center top; 
}

#seitengroesse {
text-align: left;    /* Seiteninhalt wieder links ausrichten */
margin: 0 auto;      /* standardkonforme horizontale Zentrierung */
width: 964px;
}



a:link { font-family: Arial, Verdana; color:#666666; font-size: 13px; text-decoration:underline; }
a:visited { font-family: Arial, Verdana; color:#666666; font-size: 13px; text-decoration:underline; }
a:focus { font-family: Arial, Verdana; color:#666666; font-size: 13px; text-decoration:underline; }
a:hover { font-family: Arial, Verdana; color:#666666; font-size: 13px; text-decoration:underline; }
a:active { font-family: Arial, Verdana; color:#666666; font-size: 13px; text-decoration:underline; }

.right {
text-align:right;
padding:2px;
margin: 0px;
}

h1 {
font-family: Arial, Verdana; font-size: 25px;
padding:0px;
margin-bottom: 10px;
margin-top: 5px;
}

h2 {
font-family: Arial, Verdana; font-size: 16px;
padding:0px;
margin-bottom: 5px;
margin-top: 5px;
}

a.not_underline {
font-family: Arial, Verdana; color:#666666; font-size: 13px; text-decoration:none;
text-align: left;
margin-right: 10px;
}


#navibereich {
position: relative;
left: 322px; 
top: 60px;
text-align: left;
width: 630px;
}

#navi01 {
padding: 10px 10px 6px 11px;
font-family: Arial, Verdana; color:#666666; font-size: 14px; text-decoration:none;
text-align: left;
}
#navi02 {
padding: 10px 7px 6px 6px;
font-family: Arial, Verdana; color:#666666; font-size: 14px; text-decoration:none;
text-align: left;
}
#navi03 {
padding: 10px 9px 6px 10px;
font-family: Arial, Verdana; color:#666666; font-size: 14px; text-decoration:none;
text-align: left;
}
#navi04 {
padding: 10px 11px 6px 10px;
font-family: Arial, Verdana; color:#666666; font-size: 14px; text-decoration:none;
text-align: left;
}
#navi05 {
padding: 10px 7px 6px 8px;
font-family: Arial, Verdana; color:#666666; font-size: 14px; text-decoration:none;
text-align: left;
}
#navi06 {
padding: 10px 0px 6px 10px;
font-family: Arial, Verdana; color:#666666; font-size: 14px; text-decoration:none;
text-align: left;
}



#kopfbereich {
float: left;
width: 600px;
height:130px;
position: relative;
left: 30px; 
top: 232px;
text-align: left;
padding: 0;
font-family: Arial, Verdana; color:#666666; font-size: 13px;
}

* html #kopfbereich {
float: left;
width: 600px;
height:130px;
position: relative;
left: 30px; 
top: 336px;
text-align: left;
padding: 0;
font-family: Arial, Verdana; color:#666666; font-size: 13px;
}

*+ html #kopfbereich {
float: left;
width: 600px;
height:130px;
position: relative;
left: 30px; 
top: 336px;
text-align: left;
padding: 0;
font-family: Arial, Verdana; color:#666666; font-size: 13px;
}


#quicklinks {
position: relative;
left: 700px; 
top: 112px;
width: 250px;
height:130px;
text-align: left;
padding: 0;
font-family: Arial, Verdana; color:#666666; font-size: 13px;
}

* html #quicklinks {
position: relative;
left: 100px; 
top: 336px;
width: 250px;
height:130px;
text-align: left;
padding: 0;
font-family: Arial, Verdana; color:#666666; font-size: 13px;
}

*+ html #quicklinks {
position: relative;
left: 100px; 
top: 336px;
width: 250px;
height:130px;
text-align: left;
padding: 0;
font-family: Arial, Verdana; color:#666666; font-size: 13px;
}

.quick01 {
padding:4px;
margin: 0px;
}
.ql {
margin-left:10px;
}

#mittelbereich_left {
float: left;
width: 260px;
height:345px;
position: relative;
left: 11px; 
top: 257px;
vertical-align:top;
text-align: left;
font-family: Arial, Verdana; color:white; font-size: 13px;
padding: 0;
}

* html #mittelbereich_left {
float: left;
width: 260px;
height:345px;
position: relative;
left: 5px; 
top: 353px;
vertical-align:top;
text-align: left;
font-family: Arial, Verdana; color:white; font-size: 13px;
padding: 0;
}

*+ html #mittelbereich_left {
float: left;
width: 260px;
height:345px;
position: relative;
left: 5px; 
top: 355px;
vertical-align:top;
text-align: left;
font-family: Arial, Verdana; color:white; font-size: 13px;
padding: 0;
}

#mittelbereich_right {
width: 690px;
height:345px;
position: relative;
left: 260px; 
top: 257px;
text-align: left;
font-family: Arial, Verdana; color:#666666; font-size: 13px;
margin: 0;
padding: 0;
}

* html #mittelbereich_right {
width: 690px;
height:345px;
position: relative;
left: 0px; 
top: 353px;
text-align: left;
font-family: Arial, Verdana; color:#666666; font-size: 13px;
margin: 0;
padding: 0;
}

*+ html #mittelbereich_right {
width: 690px;
height:345px;
position: relative;
left: 0px; 
top: 355px;
text-align: left;
font-family: Arial, Verdana; color:#666666; font-size: 13px;
margin: 0;
padding: 0;
}

#seminare {
padding: 0;
margin-top:20px;
margin-left: 24px;
text-align: left;
width: 225px;
height:190px;
}

#suchbegriffe {
padding: 0;
margin-top:20px;
text-align: left;
width: 260px;
height:120px;
font-family: Arial, Verdana; color:#666666; font-size: 13px;
}



#content_oben_left {
float: left;
position: absolute;
top: 10px;
left: 20px;
text-align: left;
width: 200px;
height: 150px;

}

#content_oben_middle {
position: absolute;
top: 10px;
left: 255px;
text-align: left;
width: 200px;
height: 150px;

}

#content_oben_right {
float: right;
text-align: left;
position: absolute;
top: 10px;
right: 5px;
width: 200px;
height: 150px;

}

#content_unten_left {
	float: left;
	position: absolute;
	top: 180px;
	left: 20px;
	text-align: left;
	width: 200px;
	height: 150px;

}

#content_unten_middle {
position: absolute;
top: 180px;
left: 255px;
text-align: left;
width: 200px;
height: 150px;

}

#content_unten_right {
float: right;
position: absolute;
top: 180px;
right: 5px;
text-align: left;
width: 200px;
height: 150px;

}

#social_bookmarks {
	clear: both;
	position: relative;
	left: 12px;
	top: 276px;
	text-align: left;
	width: 940px;
	height:50px;
}
*html #social_bookmarks {
	clear: both;
	position: relative;
	left: 10px;
	top: 370px;
	text-align: left;
	width: 940px;
	height:50px;
}
*+html #social_bookmarks {
	clear: both;
	position: relative;
	left: 10px;
	top: 375px;
	text-align: left;
	width: 940px;
	height:50px;
}

#footer_left {
float: left;
position: relative;
left: 12px; 
top: 280px;
text-align: left;
width: 360px;
height: 100px;
font-size: 12px;
}
*html #footer_left {
float: left;
position: relative;
left: 10px; 
top: 380px;
text-align: left;
width: 360px;
height: 100px;
font-size: 12px;
}
*+html #footer_left {
float: left;
position: relative;
left: 10px; 
top: 385px;
text-align: left;
width: 360px;
height: 100px;
font-size: 12px;
}

#footer_right {
position: relative;
left: 370px; 
top: 210px;
text-align: right;
width: 580px;
height: 100px;
font-size: 12px;
}

*html #footer_right {
position: relative;
left: 0px; 
top: 409px;
text-align: right;
width: 580px;
height: 100px;
font-size: 12px;
}
*+html #footer_right {
position: relative;
left: 0px; 
top: 414px;
text-align: right;
width: 580px;
height: 100px;
font-size: 12px;
}




++++++++++++++++++++
   CSS Teil I
++++++++++++++++++++

/*
	Menue-styles fuer non-IEs
	Achtung:
	Fuer non-IEs gilt das Stylesheet 'dropdown.css'!
	Fuer IE gilt das Stylesheet 'fix-ie.css' (per CC)!
*/

#menuebox {
position: relative;
height: 30px;
}
.stupidie {
display: none;
}
#menue {
position:absolute;
top: 5px;
left: 0;
z-index: 200;
}

#menue .aussen {
float: left;
display: block;
overflow: hidden;
width: 8em;
height: 1.3em;
font-weight: bold;
text-align: center;
background-color: #dec79a;
color: #513913;
border: 1px solid;
border-color: #d0843e #78561d #78561d #d0843e;
}
#menue .aussen:hover {
height: auto;
background-color: #624617;
color: #fff;
}

a.innen-1 {
margin-top: 2px;
}
a.innen,
a.innen-1 {
display: block;
width: 7.9em;
padding: 2px 0;
text-decoration: none;
font-weight: normal;
border-bottom: 1px solid #78561d;
background-color: #ecd8ae;
color: #600;
}
a:visited.innen,
a:visited.innen-1 {
background-color: #ecd8ae;
color:#555;
}
a:hover.innen,
a:hover.innen-1 {
background-color: #f7eedb;
color: #900;
}

span.menutag {
display: block;
cursor: default;
}


++++++++++++++++++++
   CSS Teil II
++++++++++++++++++++

/*
	Menue-styles fuer IEs
	Am besten per Conditional Comment einbinden.
	Fuer IE5.5 und 5.0 muessen nur geringfuegige kosmetische
	Anpassungen vorgenommen werden (siehe Kommentare).
*/

#menue {
display:none;
}
.stupidie {
display: block;
position: absolute;
top: 5px;
left: 0;
z-index: 200;
}

a.auss {
float: left;
width: 8em;
height: 1.4em;
overflow: hidden;
display: block;
font-weight: bold;
text-align: center;
text-decoration: none;
background-color: #dec79a;
color: #513913; 
border: 1px solid;
border-color: #d0843e #78561d #78561d #d0843e;
}
a:hover.auss {
overflow: visible;
background-color: #624617;
color: #fff;
}
a:hover.auss table {
display: block;
margin-top: 3px;
background-color: #dec79a;
color: #400;
border-collapse: collapse;
}

a.inn {
display: block;
width: 7.9em; /* fuer 5er IEs anpassen, sonst 'zuckt' es */
padding: 2px 0;
font-size: 100%; /* fuer 5er IEs auf 80% reduzieren */
font-weight: normal;
text-align: center;
text-decoration: none;
border-bottom: 1px solid #78561d;
background-color: #ecd8ae;
color: #600;
}
a:visited.inn {
background-color: #ecd8ae;
color:#444;
}
a:hover.inn {
position: relative;
background-color: #f7eedb;
color: #900;
}
span.menutag {
display: block;
cursor: default;
}