/*
Projekt: Kölner Fotoseminar
Autor: 	 Winfried Suelflow             
Stand: 	 07.12.07                       
Version: 4.01                     
Blau (alt): #282E8B;
Rot (alt):  #681F3F;
*/
@import url("fonts.css");
body {
text-align: center;
background: #efefef;
}

* {
margin: 0; 
padding: 0; 
}


html, body {
	height:100%;
	width:100%;
	margin:0;
}

.seite {
margin-left: 10; 
margin-top: 20px;
width: 900px;
text-align: center;
background: #fff;
}

.top_menu   { float: left; width:900px; height: 28px; text-align: left; background: #d8dee2; }
.top_menu_i { padding-left: 20px; padding-top: 6px; font-size: 14pt; color: #333;}

/*  Grundgeruest */
#content    { float: left; background: #fff; } 
.wrLinks   { float: left; width: 350px; height: 660px; background: transparent; } 
.liO  { float: left; width: 350px; height: 290px; text-align: left; background: #ffffff;}
.liOi { padding: 10px;}
.liM  { float: left; width: 350px; height: 150px; text-align: left; background: #4a575f; }
.liMi { padding: 10px;}
.liU  { float: left; width: 350px; height: 220px; text-align: left; background: #ffffff;}
.liUi { padding-left: 10px; padding-top: 10px;}

.wrRechts { float: left; width: 550px; height: 660px; background: transparent; } 
.reO  { float: left; width: 550px; height: 290px; text-align: left; background: #4a575f; }
.reOi { padding-top: 50px; padding-left: 10px; }
.reM  { float: left; width: 550px; height: 150px; text-align: center; background: #ffffff;}
.reMi { padding: 10px;}
.reU  { float: left; width: 550px; height: 220px; text-align: left; background: #d8dee2; }
.reUi { padding: 10px;}

#footer  { float: left; width: 900px; margin: auto; margin-top: 20px; margin-bottom: 20px; text-align: center;  } 

.tag-wolke { clear:left; width: 900px; height: 80px; text-align: center; color: #eeeeee; }

/************************************/
/* Seitenkonfigurationen */
/************************************/

/* Links  */
.linkSeite    { margin: auto; width:550px; height: 640px; text-align:center;  background: #4a575f; } 
.linkTopBox   { float: left; width: 550px; height: 50px; background: #4a575f; }
.linkSeiteTitel { padding-top: 24px; }
.linkWrapper  { float: left; width: 550px; height: 580px; }
.linkBox2     { float: left; width: 10px; height: 500px;  margin: 5px; background:transparent;}
.linkBox      { float: left; width: 160px; height: 500px;  margin: 5px; background: #d8dee2; }
.linkBoxInnen { padding: 10px;text-align: left;}

.gutscheinBox   { float: left; width: 510px; height: 560px; background: transparent; }
.gutscheinInnen { float: left; margin: 20px; background: #d8dee2;}

.kurs-navi    { position:relative; top:25px; left:255px; width:50px; height:10px; }

/* Anmeldeformular */
.FormSeite    { margin: auto; padding: 8px; background: #4a575f; }

.eingabe { 
width:470px; 
text-align: left; 
padding:20px; 
margin-left: 15px;
margin-top: 20px;
border:2px solid #ddd; 
background: #d8dee2; 
}

.buttons     { margin-top: 18px; margin-bottom: 10px; height: auto; text-align: center; }

/*  Impressum  */
.karteInnen    { float: clear;  margin-left: 40px; padding: 30px; background: #eeeeee; } 
.karte                 { margin: auto; width:190px; height: 190px; text-align: center; background: #eeeeee; }
.kartenFrame     { padding: 10px; }

/*  AGB  */
.agbSeite { width: 480px; padding: 15px; background: #4a575f;}
.agbBox  { padding: 10px; border-bottom: 1px dotted #aaa; background: #d8dee2;}

/*  Galerie  */
.galerieSeite  { width: 550px; height: 640px; border-left: 10px solid #4a575f; text-align: center;  background-color: #4a575f; } 
.galerieFrame  { float: left; background: #fff; } 
.galerieTitel  { font : normal 18pt arial; text-align: center; color:#aaa; }

.bildNeu  { text-align:center; padding-top:40px; background: transparent; }
.bild     { margin-top: 25px; margin-bottom: 20px; margin-left: 20px; text-align:left; background: transparent; }
.bildName { font : normal 10pt times; padding-left: 4px; padding-top:6px; color:#aaaaaa; }
.next { position:absolute; left:390px; top: 40px; }
.prev { position:absolute; left:170px; top: 40px; }

/*  Galerie (neu)  */
.g_links  { float: left; width: 298px; height: 660px; background: #4a575f; }
.g_rechts { float: left; width: 600px; height: 660px; background: #4a575f; }
.urheber  { float: left; width: 280px; height: 100px; background: #4a575f; }