/***********************************************/
/* Standard CSS Seite                          */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

html {height:100%;}

body{
	font-family: Arial, Helvetica, sans-serif;
	height:100%;
	color: #333333;
	line-height: normal;	
	margin: 0px;
	padding: 0px;
}

/* Vertikalmenu Links */

a.vmenu {
	font-size:11px;
	font-family: Arial, Helvetica, sans-serif;
	display:block;
	padding:2px;
	border-bottom:1px solid #FFF;
	background-color:#FFFFFF;
	text-decoration:none;
}


a.vmenu:link {
	color:#333333;
	background-color:#E9E9E9;
	text-decoration:none;
}

a.vmenu:visited {
	color:#666666;
	background-color:#E9E9E9;
	text-decoration:none;
}

a.vmenu:active {
	color:#000000;
	background-color:#D5D5D5;
	text-decoration:underline;
}

a.vmenu:hover {
 color:#000000;
 background-color:#D5D5D5;
 text-decoration:none;
}


.vmenutitle{
	font-size:11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;display:block;
	margin-top:20px;
	margin-bottom:1px;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	background-color:#66CCFF;
	text-align:center;
	font-weight:bold;
	text-decoration:none;
}
 
/* Vertikalmenu Links UNTERMENU */

a.umenu {
	font-size:11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	display:block;
	padding:2px;
	border-bottom:1px solid #FFF;
	background-color:#FFFFFF;
	text-decoration:none;
}

a.umenu:link {
	color:#0099FF;
	background-color:#FFFFFF;
	text-decoration:none;
}

a.umenu:visited {
	color:#0099FF;
	background-color:#FFFFFF;
	text-decoration:none;
}

a.umenu:active {
	color:#000000;
	background-color:#FFFF99;
	text-decoration:underline;
}

a.umenu:hover {
	color:#0066FF;
	background-color:#DDDDDD;
	text-decoration:none;
}

/* Links im Contentbereich (Hauptbereich) */

a.contentmenu{
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #000000;
	border-top:0px solid #000;
	border-bottom:0px solid #000;
	margin-top:10px;
	margin-bottom:1px;
	text-decoration:none; 
}

a.contentmenu:link {
	color:#0066CC;
	text-decoration:none;
}

a.contentmenu:visited {
	color:#0099FF;
	text-decoration:none;
}

a.contentmenu:active {
	color:#003399;
	text-decoration:underline;
}

a.contentmenu:hover {
	color:#0033CC;
	text-decoration:underline;
}

/* Menu im Contentbereich (Links im Topthemenbereich rechts) */

a.topthema{
	font-size:11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}

a.topthema:link {
	color:#0066CC;
	text-decoration:none;
}

a.topthema:visited {
	color:#0099FF;
	text-decoration:none;
}

a.topthema:active {
	color:#003399;
	text-decoration:underline;
}

a.topthema:hover {
	color:#0033CC;
	text-decoration:underline;
}

/* Texteinstellungen für rechte Spalte */

.righttitle{
	font-size:11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	display:block;
	margin-top:20px;
	margin-bottom:1px;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	background-color:#0066CC;
	font-weight:bold;
	text-decoration:none;
}

.righttext {
	font-size:11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	margin:1px;
	padding:0px;
	text-decoration:none;
}

.rightwichtig {
	font-size:11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000000;
	margin:1px;
	padding:0px;
	text-decoration:none;
}

/* overrides decoration from previous rule for hovered links */

h1, h2, h3, h4, h5, h6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

h1{
	font-size: 16px;
	color: #000000;
	font-weight: bold;
	margin-bottom: 10px;
}

/***********************************************/
/* Eigene Stills                               */
/***********************************************/

.normal_text{
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight: normal;
}

.wichtig_text{
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}

.kleintext{
	font-size:9px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight: normal;
	text-decoration: none;
}

/* Text unter Titelbalken (Ausgabe Kennung) */
.untertitel{
	font-size:10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight: normal;
	text-decoration: none;
}

/* Fusszeile Text */
.bottom{
	font-size:9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	font-weight: normal;
	text-decoration: none;
}

a.bottom{
	font-size:9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	font-weight: normal;
	text-decoration: none;
}

a.bottom:link {
	color: #666666;
	text-decoration:none;
}

a.bottom:visited {
	color: #666666;
	text-decoration:none;
}

a.bottom:active {
	color: #FF6633;
	text-decoration:underline;
}

a.bottom:hover {
	color: #FF6633;
	text-decoration:underline;
}


/* FORMULAR-FELDER */
.form_user{
	font-size:10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight: normal;
}

/***********************************************/
/* DIV-Container - Stills                      */
/***********************************************/

/* Titelbereich */
#logo {
	width:990px;
	margin:20px auto;
	text-align:left;
	background-color:#FFFFFF;
	border:1px solid #FFFFFF;
	padding:0px 0px;
}

/* Titelbereich */
#border {
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	margin-bottom:0px;
	background-color:#FFFFFF;
	border:0px solid #FFFFFF;
	height:100%;
	float:left;
}

/* Untertitel */
#untertitel {
	height:70px;
	margin:0px auto;
	text-align:left;
	background-color:#FFFFFF;
	border:1px solid #FFFFFF;
}

/* Linkes Menu */
#left {
	border:0px solid #FFFFFF;
	background-color:#FFFFFF;
	margin:0px;
	padding:0px;
	width:144px;
	float:left;
}

/* rechte Spalte */
#right {
	border:0px solid #FFFFFF;
	background-color:#FFFFFF;
	margin:0px;
	padding:0px;
	width:155px;
	float:right;
}

/* Inhaltsbereich */
#content {
	border:1px solid #FFFFFF;
	background-color:#FFFFFF;
	width:665px;
	float:left;
	margin:0px;
	padding:0px 10px;
}
#bottom {
	margin:0px auto;
	padding:3px;
	background-color:#FFFFFF;
	border:0px solid #FFFFFF;
	width:984px;
	float:left;
}

/* **************************  */
/* Modul Foto (zeige_foto.php) */
/* **************************  */

/* Rahmen um alle Fotos */
#fotorahmen {
	border:1px solid #FFFFFF;
	background-color:#FFFFFF;
	width:661px;
	float:left;
	margin:0px;
	padding:0px;
}

/* Menu forwärts aufwärts und zurück */
#fotoeinzel {
	border:1px solid #FFFFFF;
	background-color:#FFFFFF;
	width:205px;
	float:left;
	margin:5px;
	padding:0px;
}

/* Rahmen um Vorschaufotos / Hier gibt es 10 Variationen, die der User wählen kann*/
#foto0 {
	border:1px solid #FFFFFF;
	background-color:#FFFFFF;
	width:155px;
	height:185px;
	margin:1px;
	padding:2px;
	float:left;
}

#foto1 {
	border:1px solid #000000;
	background-color:#CCD7DD;
	width:155px;
	height:185px;
	margin:1px;
	padding:2px;
	float:left;
	-moz-border-radius:7px;
	-khtml-border-radius:7px;
}

#foto2 {
	border:1px solid #CCD7DD;
	background-color:#CCD7DD;
	width:155px;
	height:185px;
	margin:1px;
	padding:2px;
	float:left;
	-moz-border-radius:10px;
	-khtml-border-radius:10px;
}

#foto3 {
	border:1px solid #000000;
	background-color:#FFCC66;
	width:155px;
	height:185px;
	margin:1px;
	padding:2px;
	float:left;
	-moz-border-radius:7px;
	-khtml-border-radius:7px;
}

#foto4 {
	border:1px solid #FFCC66;
	background-color:#FFCC66;
	width:155px;
	height:185px;
	margin:1px;
	padding:2px;
	float:left;
	-moz-border-radius:10px;
	-khtml-border-radius:10px;
}

#foto5 {
	border:1px solid #000000;
	background-color:#6699CC;
	width:155px;
	height:185px;
	margin:1px;
	padding:2px;
	float:left;
	-moz-border-radius:7px;
	-khtml-border-radius:7px;
}

#foto6 {
	border:1px solid #6699CC;
	background-color:#6699CC;
	width:155px;
	height:185px;
	margin:1px;
	padding:2px;
	float:left;
	-moz-border-radius:10px;
	-khtml-border-radius:10px;
}

#foto7 {
	border:1px solid #000000;
	background-color:#66FF66;
	width:155px;
	height:185px;
	margin:1px;
	padding:2px;
	float:left;
	-moz-border-radius:7px;
	-khtml-border-radius:7px;
}

#foto8 {
	border:1px solid #66FF66;
	background-color:#66FF66;
	width:155px;
	height:185px;
	margin:1px;
	padding:2px;
	float:left;
	-moz-border-radius:10px;
	-khtml-border-radius:10px;
}

#foto9 {
	border:1px solid #FF3333;
	background-color:#FF3333;
	width:155px;
	height:185px;
	margin:1px;
	padding:2px;
	float:left;
	-moz-border-radius:15px;
	-khtml-border-radius:15px;
}