@charset "utf-8";
    * {
      margin: 0;
      padding: 0;
    }
html {
	background:#000000;
	}
body  {
    	font: 85% Verdana, Arial, Helvetica, sans-serif;
    	background: #000000;
    	margin: 0; /* Es empfiehlt sich, margin (Rand) und padding (Auffüllung) des Body-Elements auf 0 einzustellen, um unterschiedlichen Browser-Standardeinstellungen Rechnung zu tragen. */
    	padding: 0;
    	text-align: center; /* Hierdurch wird der Container in IE 5*-Browsern zentriert. Dem Text wird dann im #container-Selektor die Standardausrichtung left (links) zugewiesen. */
    	color: #000000;
    }
	
/*html>body {
	font-size:12px;
	}	
	*/
	
#container { 
    	width: 922px;  /* Mit einer Breite, die 20 Pixel unter der vollen Breite von 800 Pixel liegt, können Sie dem Browser-Chrome Rechnung tragen und gleichzeitig eine horizontale Bildlaufleiste vermeiden. */
    	background: #c7c7c7;
    	margin: 0 auto; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
    	border: 1px solid #000000;
	border-bottom: 1px solid #c7c7c7;
    	text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element aufgehoben. */
    } 
#header {
	height:309px;
	width:922px;
	background-image:url('/bilder/header.jpg');
    } 
#header h1 {
    	margin: 0; /* Wenn Sie den Rand des letzten Elements im #header-div auf 0 einstellen, können Sie das Auftreten unerwarteter Abstände zwischen divs vermeiden. Wenn das div einen Rahmen hat, ist dies unnötig, weil dieser Rahmen die gleiche Wirkung hat. */
    	padding: 10px 0; /* Durch die Verwendung der Auffüllung anstelle von Rändern lässt sich gewährleisten, dass das Element die Kanten des div nicht berührt. */
    }
		
#sidebar1 {
    	float: left; /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */
    	width: 172px; /* Die tatsächliche Breite dieses div umfasst in standardgerechten Browsern bzw. im Standardmodus von Internet Explorer außer der Breite auch die Auffüllung und den Rahmen. */
    	background: #c7c7c7; /* Die Hintergrundfarbe wird nur für die Länge des Spalteninhalts angezeigt. */
	text-align:center;
	padding-top:15px;
    }
	
#leiste {
	width:100%;
	height:60px;
	padding:0px;
	margin:0px;
	font-size:90%;
	}

	
#navigation {
	background-image:url('/bilder/navigation.jpg');
	width:100%;
	height:33px;
	padding:0px;
	color:#ffffff;
	margin:0px;
	padding:5px 0 0 0;
    float: left;	
	}

    ul {
      list-style: none;
    }

    #navigation li {
      float: left;
      width:7.5em;
    }
    #navigation a {
      color: #fff;
      text-decoration: none;
      display:block;
      padding:.2em .5em;
      border-right: 1px solid #000;
    }
    #navigation a:hover {
      background:#000;
    }
    #navigation ul {
      position: absolute;
      left:-9999px;
    }
    #navigation li:hover ul,
    #navigation li.sfhover ul {
      left: auto;
    }
    #navigation li li {
      float: none;
    }
    #navigation li li a {
      background:#0b0d1a;
      color:#fff;
      border-right:none;
	  padding-top:5px; /* Ursprungswert 5px */
    }
    #navigation li li a:hover {
      color: #fff;
      background:#21274c;
    }
	
#sidebar2 {
	float: right; /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */
	width: 160px; /* Die tatsächliche Breite dieses div umfasst in standardgerechten Browsern bzw. im Standardmodus von Internet Explorer außer der Breite auch die Auffüllung und den Rahmen. */
	background: #c7c7c7;
	background-repeat: no-repeat;
	padding: 15px 4px 10px 0px;
	text-align:center;
	border-top-width: 0px;
	border-top-style: solid;
    }
#mainContent { 
    	margin: 0px 170px 0px 180px; /* Der rechte und der linke Rand dieses div-Elements erstellen die beiden äußeren Spalten an den Seitenrändern. Der Spaltenbereich bleibt unabhängig von der Inhaltsmenge der Randleisten-divs immer gleich. Sie können diesen Rand entfernen, falls der Text des #mainContent-div die Randleistenbereiche füllen soll, wenn der Inhalt in den Randleisten endet. */
    	padding: 0 10px; /* padding (Auffüllung) bezeichnet den Innenabstand und margin (Rand) den Außenabstand der div -Box. */
		background:#c7c7c7;
    } 

.fltrt { /* Mit dieser Klasse können Sie ein Element auf der Seite nach rechts fließen lassen. Das floatende Element muss vor dem Element stehen, neben dem es auf der Seite erscheinen soll. */
    	float: right;
    	margin-left: 8px;
    }
.fltlft { /* Mit dieser Klasse können Sie ein Element auf der Seite nach links fließen lassen. */
    	float: left;
    	margin-right: 8px;
    }
.clearfloat { /* Diese Klasse sollte in einem div- oder break-Element platziert werden und das letzte Element vor dem Schließen eines Containers sein, der wiederum einen vollständigen Float enthalten sollte. */
    	clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    }

a:link {
	color:#000000;
	}
a:visited {
	color:#000000;
	text-decoration:none;
	}
a:hover {
	color:#000000;
	text-decoration:none;
	}
a:focus {
	outline:none;
	}
p {
	margin-top: 1.5em;
	margin-bottom: 1.5em;
	}
	
a img {border:0px;}


.clear	{clear:both;}	

/* -- Formular --*/
form	{
	background-color:#ededed;
	padding:7px;
	margin:0px;
}

.casting {
	border: 2px solid #0b0d1a;
	margin-top: 0px;
	padding-top: 0px;
	background: #d7d7d7;
	float:left;
	width:530px;
}
.casting p {
	padding: 0px 5px 0px 5px;
}

input, select, textarea { 		/* Formularelemente auswählen */
	float:left;
	margin:5px 0px;				/* Abstand */
	width:200px; 		 			/* Breite.*/
	border:1px solid #860c0b;
	background-color: #ededed;
	border-left: 1px solid #860c0b;
	border-top: 1px solid #860c0b;
}
.casting input, .casting select, .casting textarea { 		/* Formularelemente auswählen */
	float:left;
	margin:5px 0px;				/* Abstand */
	width:200px; 		 			/* Breite.*/
	border:1px solid #1f1f1f;
	background-color: #ededed;
	border-left: 1px solid #1f1f1f;
	border-top: 1px solid #1f1f1f;
}
radio {
	float:left;
	margin:5px 0px;				/* Abstand */
	width:25px; 		 			/* Breite.*/
	border:1px solid #30509a;
	background-color: #ededed;
	border-left: 1px solid #30509a;
	border-top: 1px solid #30509a;}

label { 					/* Alle Labels (= Beschriftung) */
  display: block;
  float: left;
  margin:5px 0px;			/* Abstand */
  width:200px; 				/* Breite.*/
}

form br 	{				/* Alle Zeilenumbrüche in Formularen auswählen */
  clear: left; 				/* das floating der labels und inputs aufheben */
}

button	{margin:18px 0px 7px 130px;}

.anrede_label	{				/* Gilt für Label bei Anrede (Herr/Frau) */
	margin:0em;
	padding:0em;
	width:3em; 
	margin-top:0.7em;
	margin-left:1.2em;
} 	
#anrede	{ 						/* Gilt für Radio-Button "anrede" */
  width:1.3em;
  margin: 0.75em 0.25em;
}

/* -- Formular suche --*/


.ueberschrift {
	background:#252b30;
	height: 20px;
	font-size:16px;
	font-family:verdana;
	font-weight:bold;
	color:#ffffff;
	text-align:center;
}

h1 {
color:#252b30;
font-size:14px;
}

h2 {
color:#252b30;
font-size:16px;
}


h3 {
color:#252b30;
font-size:18px;
}

h4 {
color:#252b30;
font-size:18px;
}


h {
color:#252b30;
font-size:14px;
}


.box1 {
width:280px;
background-image:url('/bilder/box1bg.jpg');
background-position:bottom;
background-repeat: no-repeat;
background:#ffffff;
padding-bottom:45px;
}

.boxheader {
width:280px;
background-image:url('/bilder/boxheader.jpg');
background-repeat:repeat;
padding-top:5px;
height:20px;
align:center;
color:#ffffff;
font-family:arial;
font-weight:bold;
}

.meldungsbox {
border-left: solid 2px #333333;
border-bottom: solid 2px #333333;
border-right: solid 2px #333333;
border-top: solid 2px #333333;
background:#FFFFFF; 
padding: 5px;
margin-bottom:10px;
}

/* -- Login Bereich Anfang --*/
.forms {
float:left;
width:530px;
background-color: #d7d7d7;
font: normal 12px arial,verdana;
padding: 5px;
border: 2px solid #0b0d1a;
}

.actForm {
float:left;
width:530px;
background-color: #d7d7d7;
font: normal 12px arial,verdana;
padding: 5px;
border: 2px solid #0b0d1a;
}

.forms input, .forms textarea {
border: solid 1px #071e21;
}

.myaccount {
background-color: #ffffff;
font: normal 12px arial,verdana;
padding: 2px 5px;
margin-bottom:10px;
margin-top:10px;
border: 1px solid #071e21;

}



.main {
font: normal 12px arial,verdana;
padding: 2px;
margin: 2px;

 }
 
.titlehdr {
 font: normal 22px arial, verdana;
 color: #071e21;
 border-bottom: 1px solid #071e21;
 
 
 }
 
.msg {
padding: 5px;
width: 500px;
margin: 2px;
color: #071e21;
border: 1px solid #071e21;
background-color: #FEF1ED;
font: bold 13px  verdana;
} 
 
.error {
font: normal 11px arial, verdana;
color: #c00;
border: 1px solid #c00;
padding: 2px;
margin: 5px;
float: left;
background-color: #FEF1ED;
}
 
 .example {
font: normal 12px arial;
color: #071e21;
}
.approved {
font: normal 12px arial;
color: 071e21;
}

.loginform {
font: 16px normal arial;
background-color: #FFFFFF;
font: normal 12px arial,verdana;
padding: 3px;
border: 1px solid #071e21;
}

.loginform #txtbox {
font: bold 16px arial;
color: #071e21;
}

.loginform #remember {
width: 22px;
}

/* -- Login Bereich Ende --*/

/* -- Modelvorschau Anfang --*/
.modelvorschau
	{
	width:142px;
	float:left;
	margin-left:30px;
	margin-bottom:30px;	
	background:#FFFFFF;
	border: 1px solid #333333;	
	}

.modelvorschau img { /* Mit dieser Klasse können Sie ein Element auf der Seite nach links fließen lassen. */
    	margin-left: 0px;		
    	margin-right: 0px;
		}
/* -- Modelvorschau Ende --*/

/* -- Model Anfang --*/
.modelgesamtbox {
	border: 0px solid #0b0d1a;
	margin: 0px;
	padding-top: 0px;
	background: #d7d7d7;
	float:left;
	width:550px;
}
.modelfotogross
	{
	float:left; width:300px; height:500px;
	}
.modeldaten
	{
	text-align:left;
	background:#FFFFFF;
	padding-left:5px;
	padding-right:5px;
	padding-top:5px;
	padding-bottom:5px;
	line-height: 1.5em;
	margin-bottom:2px;
	}
.modelfotoklein
	{
	float:left; width:240px;
	padding: 10px 0 10px 10px;	
	background: #ffffff;
	}
.modelsedcard
	{
	float: left;
	width:540px;
	padding: 10px 0 10px 0;
	}	


	
/* -- Model Ende --*/

.weisserHintergrund
	{
	background:#FFFFFF;
	padding: 5px;	
	}
	
.inhaltsbox {
	border: 0px solid #0b0d1a;
	margin-top: 0px;
	padding-top: 10px;
	background: #d7d7d7;
	float:left;
	width:100%;
}
.inhaltsboxMitRand {
	border: 2px solid #0b0d1a;
	margin-top: 0px;
	padding-top: 10px;
	background: #d7d7d7;
	float:left;
	width:544px;;
}	
.inhaltsbox p, .inhaltsboxMitRand p {
	padding: 5px 10px 5px 10px;
}