body{
	font-family : Arial, Helvetica, sans-serif;
	margin: 0px auto;
	padding:5px;
	font-size:75%;
	color : #464646;
	background-color: #FFFCD2;
}

.innerbody{
	max-width :1000px;
	width: 65em;
	min-width: 800px;
	margin: 0px auto;
	background-image : url("../img/hg_inhalt.jpg");
	background-repeat : y-repeat;
	background-position : top;
	
}

#body_popup{
	background-color : #FFE17B;
}
#body_popup_layout_webauftritte{
	background-color : #FFFFFF;
}
/*------------------------------------------------------------------------------------------------------------------------ 
Kopfleiste Home Kontakt Impressum
------------------------------------------------------------------------------------------------------------------------*/
#header{
	float :left;
}

#header ul{
	padding-left : 30px;
	margin : 80px 0px 0px 0px;
}

#header ul li{
	list-style-type : none;
	display : inline;
	padding-right : 5px;
}

#header ul li a{
	text-decoration : none;
	color : #464646;
}

/*------------------------------------------------------------------------------------------------------------------------ 
Top Navi
------------------------------------------------------------------------------------------------------------------------*/
#navitop-wrapper{
	clear : both;
}

#navitop-wrapper ul{
	margin-left : -10px;
	padding-top : 15px;
	width:780px;
}

* html #navitop-wrapper{
	height : 1%;
	padding-left:31px;
}

*+html #navitop-wrapper{
	height : 1%;
	padding-left:30px;
}


#navitop-wrapper ul li{
	list-style-type : none;
	display : inline;
	padding-left : 5px;
	padding-right : 5px;
	font-size : 100%;
	behavior: url(../../../asset/phreakmenu.htc );
	/*neu*/
	float: left;
}

#navitop-wrapper ul li,
#navitop-wrapper ul li a{
	text-decoration : none;
	color : #464646;
	font-weight : bold;
}

#navitop-wrapper ul li a:hover{
	text-decoration : underline;
}

#navitop-wrapper ul li:hover, 
#navitop-wrapper ul li:focus,
.pulldown a:hover {
	background-color:#FCFDC4;
	text-decoration : underline;
}

#navitop-wrapper ul li#ausgewaehlt{
	background-color : #FCFDC4;
}
/*neu*/
#navitop-wrapper ul li div
{
	display:block;
	margin: 0px;
	padding: 0px 0px;
}

#navitop-wrapper ul li div.pulldown {
	position:absolute;
	padding:0px;
}
#navitop-wrapper ul ul {
	visibility:hidden;
	width: auto;
	height:1px;
	overflow:hidden;
	margin: 0px;
	padding: 5px;
	background-color: #ffe27c;
	border: 3px solid #fbfcc0;
}
* html #navitop-wrapper ul ul {
	display:block;
	position:absolute;
	left:0px;
	top:0px;
	height:auto;
	overflow:visible;
}

*+html #navitop-wrapper ul ul {
	display:block;
	position:absolute;
	left:0px;
	top:0px;
	height:auto;
	overflow:visible;
}
#navitop-wrapper ul li:hover ul {
	visibility:visible;
	height:auto;
	overflow:visible;
}
#navitop-wrapper ul li li {
	float: none;
	margin: 0px;
	padding: 0px;
	display:block;
}
#navitop-wrapper ul li li div {
	padding: 0px 5px;
	font-weight: bold;
	height:auto;
	margin:0px;
	background-image:none;
	line-height: 1.5em;
}
#navitop-wrapper ul li li a {
	padding: 0px 5px;
	height:auto;
	margin:0px;
	line-height: 1.5em;
}
*+html #navitop-wrapper .pulldown{
width:200px;
}

/*------------------------------------------------------------------------------------------------------------------------ 
 Navi Links
------------------------------------------------------------------------------------------------------------------------*/
#navimain{
	float:left;
	width : 205px;
	margin-right:10px;
	
}

#navimain ul{
	padding-left : 0px;
	margin-top : 60px;
	margin-left : 15px;

}

#navimain ul li{
	list-style-type : none;
	font-size : 100%;
	padding-bottom: 2px;
	padding-top : 3px;
}

#navimain ul li ul{
	margin : 2px 0px 0px 0px;
	padding-left : 0px;
}

#navimain ul li ul li a{
	padding-left : 10px;
	font-size : 100%;
}

#navimain ul li ul li{
	margin-left : 0px;
	padding-left : 0px;
}

#navimain ul li a{
	display : block;
	width: 100%;
	text-decoration : none;
	color : #034EA2;
	margin-left : 0px;
	background-image : url("../img/bu.gif");
	background-repeat : no-repeat;
	padding-left : 5px;
	line-height:23px;
}

* html #navimain ul li a{
	display: inline-block;
}

#navimain ul li a:hover, 
#navimain ul li a:focus {
	background-image : url("../img/bu2.gif");
	text-decoration : underline;
}

#navimain ul li .akt_seite{
	font-weight : bold;
}

#navimain_hg{
	margin-top : 60px;
}


/*------------------------------------------------------------------------------------------------------------------------ 
Inhalt allgemein
------------------------------------------------------------------------------------------------------------------------*/
.inhalt {
	margin: 0px 10px 0px 230px;
	padding: 40px 0px 0px 5px;
	min-height: 30em;
}



h1{
	font-size : 130%;
}

h2{
	font-size : 110%;
}
#wrapper{
	background-image : url("/img/header.jpg");
	background-repeat : no-repeat;


}

.farbe_rot{
	color : Red;
}

.floatright{
	float : right;
	margin : 0px 10px 5px 5px;
}

.floatleft{
	float : left;
	margin : 0px 5px 5px 15px;
	
}


#abstand_oben{
	margin-top : 5px;	
}

#abstand_oben_liste{
	margin-top : 0px;	
	padding-top : 0px;
}

.clearfloat{
	clear : both;
}

.listen_ebene_eins{
	margin-left : 0px;
	padding-left : 0px;
}

.listen_ebene_zwei,
.listen_ebene_drei,
.listen_ebene_vier{
	margin-left : 0px;
	padding-left : 10px;
}

.listen_ebene_eins li{
	list-style-type : none;
	font-weight : bold;
	padding-top : 5px;
}

.listen_ebene_zwei li{
	list-style-type : none;
	font-weight : normal;
	padding-top : 0px;
}

.listen_ebene_drei li{
	list-style-type : none;
	font-weight : normal;
	padding-top : 0px;
}

.listen_ebene_vier li{
	list-style-type : none;
	font-weight : normal;
	padding-top : 0px;
}
#zweispaltig{
	float : left;
	width : 49%;
}
#letztesseitenelement{
	clear : both;
	margin : 1px 0px;
}

#textbox{
	font-weight : bold;
	text-align : center;
	background-color : #FCFDC4;
	border-top : 1px solid #FFE17B;
	border-bottom : 1px solid #FFE17B;
	width : 80%;
	margin-left : 5%;
	line-height : 150%;
}

#textbox span{
text-decoration : underline;
}

#seiten_links,
#seiten_links_gross{
	padding-top : 20px;
}

#seiten_links li,
.text_links li{
	list-style-type : none;
	display : inline;
	padding-left : 30px;
}


.layout_liste_links li{
		list-style-type : none;
	display : inline;
}
#paris-blau{
	padding-left : 0px;
	
}
#berlin{
	padding-left : 0px;
}
#paris{
	padding-left : 0px;
}
#rom{
	padding-left : 0px;
}
#london{
	padding-left : 0px;
}
#paris-gelb{
	padding-left :0px;
}
#dublin{
	padding-left :0px;
}
#layouts{
	margin-top: 12px;
	margin-left:-38px;
	list-style-type : none;
}
*html #layouts{
	margin-top: 19px;
	margin-left:0px;
}

*+html #layouts{
	margin-top: 19px;
	margin-left:0px;
}
#referenz{
	list-style-type : none;
	margin-left:170px;
	margin-top:24px;
}
*html #referenz{
	margin-top:37px;
	
}
*+html #referenz{
	margin-top:39px;
}

#seiten_links_gross li{
	list-style-type : none;
	display : inline;
	padding-left : 5px;	
}

#seiten_links_gross {
margin-left : 10px;	
}

#inhalt_links li{
	list-style-type : none;
	padding-bottom : 10px;
}

ol li{
	padding-bottom : 10px;	
}

#inhalt_links li a,
ol li a{
	color : #034EA2;
}

#seiten_links li a,
#seiten_links_gross li a,
#inhalt_popup p a,
.inhalt p a,
.text_links li a{
	color : #034EA2;
}

#eingerueckttext1{
	margin-left : 120px;
}

#eingerueckttext2{
	margin-left : 60px;
}

#eingerueckttext3{
	margin-left : 200px;
	width : 30em;
}

#eingerueckttext4{
	margin-left : 100px;
}

strong{
	font-weight : bold;
}

.bildzentriert{
 margin-left : 30px;
}

#referenzen{
	list-style : none;	
}


#referenzen li{
	border-bottom : 1px solid grey;
	width : 50%;
	text-align : center;
	padding-top : 2px;
}

#texteinruecken{
	margin-left : 80px;
}

.wuerfel
{
	margin-top : 10px;
	height:500px;
	width:500px;
	margin-left:3em;
}

.fett{
	font-weight : bold;
}

.zentriert{
	text-align : center;
}

#titelergaenzung{
	font-weight : normal;
	font-size : 90%;
}

.bilder_link img,
.inhalt a img{
	border : none;
}

#text_umfliessen{
	margin : 0px 10px 10px 0px;
}

#aktuelles{
	margin-left : 15px;
	margin-top : 120px;
}

#aktuelles ul{
	margin-top : 0px;	
}

#aktuelles ul li{
	list-style-type : disc;
}

.abstand_oben{
	margin-top : 60px;
}


/*------------------------------------------------------------------------------------------------------------------------ 
Inhalt popup
------------------------------------------------------------------------------------------------------------------------*/
#inhalt_popup table tr td {
	border :1px solid #FCFDC4;
	text-align : center;
	padding :2px 0px; 
}

/*----------------------------------------------------------------------------------------------------------------------
Formulare
--------------------------------------------------------------------------------------------------------------------------*/
.stern{
	color : #FF0000;
}

#formatwahl label{
	margin-right : 70px;
}

.tabelle_visitenkarten{
	table-layout : fixed;
	margin-bottom : 10px;
}

form ul{
	margin: 0px;
	padding: 0px;
}

form ul li{
	list-style-type:none;
}

li input.boxen,
li input.boxen_untereinander{
	margin:0px;
}

li label {
	float:left;
	text-align: right; 
	width: 33%; 
	margin-right : 0.5em;
}

li label.boxen {
	float:none;
	text-align : right;
	width : 15%;
	margin-left:2em;
}

li label.boxen_untereinander {
	float:none;
	text-align : right;
	margin-left:0.5em;
	width : 100%;
}
#layout_ul{
	width : 121px;
	margin-left : 10px;
	float : right;
}
#text_webkomplett{
	width : 300px;
	float : left;
}
#layout_scrennshots{
	width : 121px;
	float : right;
	
}

#text{
	margin-left : 0px;
	margin-top : 0px;
	float : left;
	width :340px;
	height : 600px;
	
}


#bilder{
	margin-left : 360px;
	height : 1300px;
	}

#bilder2{
height:600px;
margin-top:15px;
}

#bilder3{
height:430px;
margin-top:25px;

}

#bilder4{
height:740px;
width:172px;
margin-left : 360px;
}

*html #bilder{
	width:148px;
	margin-left : 366px;
	height:1140px;
}



*+html #bilder{
	margin-left : 400px;
	height : 1260px;
	border: 1px solid white;/*nur damit der ie7 das auch richtig anzeigt*/
	padding-right : 10px;
}
*+html #bilder2{
	margin-left : 400px;
	height : 820px;
	border: 1px solid white;/*nur damit der ie7 das auch richtig anzeigt*/
	padding-right : 10px;
}


.rote_links a:hover,
.rote_links a:focus,
.rote_links a:link,
.rote_links a:visited{
	color:#FF0000;
}
/*#abstand{
height : 900px;
}*/

h2 ul li a{
color : #034EA2;
}
/* damit links auf seite Lernprogramme einheitliche Farbe haben */

ul.pfeile li{
list-style-image:url(/img/pfeil.gif)
}

*+html ul.pfeile li
{
	padding-left: 5px;
}

* html ul.pfeile li{
	padding-left: 5px;
}
p a.google{
color:#FFFFFF;
}

div.platzmacher{
height : 120px;
width:100px;

}
/*Für Visitenkartengenerator*/
table.matrix td{
text-align:right;
padding-right:5px;
}
table.matrix th{
padding-right:1px;
padding-left:1px;
}

*html table.matrix th{
padding-right:0px;
padding-left:0px;
}

table.matrix{
font-size:9px;
padding:0px;
}
/*Für den Rürup-Optimierungs-Rechner*/
.eingerueckt2{
margin-left:45px;
}
.eingerueckt3{
margin-left:90px;
}
.eingerueckt4{
margin-left:135px;
}

.aufzaehlung{
list-style-type:none;
margin:0px;
padding-left:15px;
}