/* 
 * Main Stylesheet for CWHP
 * (c) C. Weiß
 */

html {
	margin:0;
	padding:0;
	border:0;	
	font-size: 0.85em;		/* This refers to the font setting of the browser */
	text-align:center;
}

body {
	padding: 10px 10px;
	height:100%;
	font-size: 0.85em;		/* This refers to the css html declaration */
	font-family: helvetica,verdana,arial,sans-serif; 
	color:#ffffff;
	background-color:#303030;
}

/* Links */
a {
	text-decoration:none;
	color:#F9CB11;
	font-family:georgia,helvetica;	
}

a:hover {
	color:#ffffff;
	border-bottom:1px solid #f0f0f0;	
}


/* Headlines h1, h2, h3 */
h1 { 
	font: bold 28px Georgia, "Times New Roman", Times, serif;
	padding-top: 15px;
	letter-spacing:-1px;
}

h1 span {
	font-style:italic;
	font-family:times;
	color:#D5DDE3;
}


h2 { 
	border-bottom: 1px solid #ddd; 
	color: #50A887; 
	padding-bottom: 2px; 
	font: bold 14px Arial, Helvetica, sans-serif;
}


h2 span {
	color:#b0b0b0;
	font-style:italic;
	font-family:times;
}

h3 { 
	border-bottom: 1px solid #ddd; 
	color: #ffffff; 
	padding-bottom: 2px;
	font: normal 12px Arial, Helvetica, sans-serif; 
	padding-top: 20px;
}

h3 span {
	color:#999;
}

u {
	text-decoration:none;
	border-bottom:1px solid #a39fa7;		
}

/* Main Frame
 * contains logo, main navigation, sub navigation, content
 */
#frame_top {
	width:960px;
	height: 15px;
	margin:0;padding:0;
	clear:both;
	background-color: #505050;
	font-size:8pt;
	text-align:right;
	color:#a0a0a0;
	border-right:2px solid #a0a0a0;
	border-left:2px solid #404040;
	border-top:2px solid #a0a0a0;
}

#frame {
	width:960px;
	margin: 0;
	background-color: #505050;
	/*background-image: url(/bggfx/content_middle_bg.png);*/
	/*background-repeat: repeat-y;*/
	border-left:2px solid #404040;
	border-right:2px solid #a0a0a0;
}

#header {
	width:947px;
	background-color:#505050;
	height:90px;
	text-align:right;
	margin:0;
	padding-top:20px;
}

.header_bg0 {
	background-image: url(/bggfx/headerPhoto_0.jpg);
	background-repeat:no-repeat;
	background-position:left;
}

.header_bg1 {
	background-image: url(/bggfx/headerPhoto_1.jpg);
	background-repeat:no-repeat;
	background-position:left;
}

.header_bg2 {
	background-image: url(/bggfx/headerPhoto_2.jpg);
	background-repeat:no-repeat;
	background-position:left;
}

.header_bg3 {
	background-image: url(/bggfx/headerPhoto_3.jpg);
	background-repeat:no-repeat;
	background-position:left;
}

.header_bg4 {
	background-image: url(/bggfx/headerPhoto_4.jpg);
	background-repeat:no-repeat;
	background-position:left;
}

.header_bg5 {
	background-image: url(/bggfx/headerPhoto_5.jpg);
	background-repeat:no-repeat;
	background-position:left;
}

.header_bg6 {
	background-image: url(/bggfx/headerPhoto_6.jpg);
	background-repeat:no-repeat;
	background-position:left;
}

/* Main Navigation */
#mainNav ul{
	width:auto;
	margin:0;
	padding:0;
	list-style-type:none;
	display:block;
	height:36px;
	text-transform:uppercase;
	font-size:14px;
	font-family:Helvetica,Arial,Verdana,sans-serif;
	font-weight:bold;
	background-color:#404040;
	background:transparent url("/imgroot/mainnavOFF.gif") repeat-x top left;	
	border-bottom:4px solid #496faf;
	border-top:1px solid #d0d0d0;
}
#mainNav li{
	display:block;
	float:left;
	margin:0;
	padding:0;
}
#mainNav li a{
	display:block;
	float:left;
	color:#6d7078;
	text-decoration:none;
	padding: 15px 20px 2px 20px;
	background:transparent url("/imgroot/mainnavDIVIDER.gif") no-repeat top right;
}
#mainNav li a:hover{
	background:transparent url("/imgroot/mainnavHOVER.gif") no-repeat top right;	
}

#mainNav li .mainNavSel {
	background:transparent url("/imgroot/mainnavSEL.gif") no-repeat top right;	
}


/* Frame containing subnavigation and content */
#mainContent {
	width:930px;
	padding-top:10px;
	margin:0;
	background-color:#505050;
	height:80%;
	overflow:auto;
}

/* Subnavigation */
#subNav {
	width:180px;
	text-align:left;
	float:left;
	background-color:#505050;
}

#subNav ul {
	list-style-type: none;
	margin: 0 1.2em 1.2em;
	padding:0;
}

#subNav ul li {
	padding-top:10px;
}

/*
#subNav ul li a {
	font-size:10pt;
	font-family:verdana,arial;
	color: #0099f0;
}

#subNav ul li a:hover {
	border-bottom:1px solid #d0d0d0;
}
*/



.emptySubNav_0, .emptySubNav_1, .emptySubNav_2, .emptySubNav_3 {
	margin:0;
	padding:0;
	width:170px;
	height:600px;
	float:left;	
	background-color:#505050;
}

.emptySubNav_0 {
	background-image: url(/bggfx/bgEmptySubNav_0.jpg);
	background-repeat:no-repeat;		
}

.emptySubNav_1 {
	background-image: url(/bggfx/bgEmptySubNav_1.jpg);
	background-repeat:no-repeat;		
}

.emptySubNav_2 {
	background-image: url(/bggfx/bgEmptySubNav_2.jpg);
	background-repeat:no-repeat;		
}

.emptySubNav_3 {
	background-image: url(/bggfx/bgEmptySubNav_3.jpg);
	background-repeat:no-repeat;		
}

/* Content */
#content {
	width:720px;
	padding:0px 10px 10px 10px;
	float:left;
	text-align:left;
}

/*
#content a {
	color:#F9CB11;
	text-decoration:none	
}

#content a:hover {
	color:#f0f0f0;
	border-bottom:1px solid #505050;	
}
*/

.headline, .headlinenav {
	text-align:left;
	color:#698FCF;
	font-size:14pt;
	font-family:Arial,Verdana;
	border-bottom:2px solid #00a000;	
}

.headlinenav {
	width:140px;
	padding-left: 5px;
}

.bodydata {
	padding:5px;
}


/* Special for photo thumbnail images */
.photoThumbs {
	display:inline;
	background-image: url(/bggfx/bgPhotoThumb.png);
	background-repeat: no-repeat;
	float:left;
	width:90px;
	height:90px;
}

.photoThumbs a {
	text-decoration:none;
	margin-top:5px;	
}

.photoThumbs img {
	margin-top:6px;
	margin-right:10px;
}


/* Rahmen Thumbnailimages */
.thumbNormal {
	border:0;	
}

.thumbNew {
	border:3px dotted #303030;	
}



#frame_bottom {
	width:960px;
	margin:0;padding-bottom:2px;
	clear:both;
	height: 15px;
	background-color: #505050;
	font-size:8pt;
	text-align:center;
	color:#a0a0a0;
	border-right:2px solid #a0a0a0;
	border-left:2px solid #404040;
	border-bottom:2px solid #404040;
}


/* Other useful things */
.formHint {
	color:infotext;
	background-color:#a0a0a0;
	font-size:0.8em;
	padding:4px 8px;
	border:1px solid #d0d0d0;	
}

.formHint a {
	color:#0000ff;
	text-decoration:underline;	
}

.formHint a:hover {
	text-decoration:none;	
}

/*
.news {
	padding:5px;
	color:#f0f0f0;
}

.news a {
	padding:5px;
	color:#ffffff;
}
*/



.textarea {
	border:1px solid #404040;
	font-family:Verdana,Arial;
}

hr {
	color:#b0b0b0;
	background-color:#b0b0b0;
	width:80%;
	border:none;
	height:1px;
} 

/* Spezielle Styles für Startseite */

.special {
	font-size:8pt;
	font-weight:normal;
	font-family:Verdana,Arial;
	color:#0000a0;
}

/* Tabelle Gästebuch - Neuer Eintrag */
.gblabelnew {
	width:4cm;
	color:#ffffff;
	background-color:#7AAACE;
	border:1px solid #999999;
}
.gbdatanew {
	background-color:#e0e0e0;
}

.gbdataradio {
	background-color:#7AAACE;
	border:1px solid #999999;
}

.gbdataicons {
	background-color:#DCEAF4;
	border:1px solid #999999;
}

.ninputtbl {
	width:100%;
}
.tarea{
	width:100%;
	border:1px solid #404040;
}

/* Tabelle Gästebuch - Einträge anzeigen */
.gboutside {
	background-color:#969084;
}

.gblabel {
	width:120px;
	color:#f0f0f0;
	background-color:#507894;
}
.gbtitle {
	font-family: Georgia,Times New Roman,serif; 
	font-weight:bold;
	color:#ffffff;
	font-size:1.1em;
}

.gbdate {
	width:150px;
	color:#ffffff;
	font-size:90%;
}

.gbdata {
	background-color:#505050;
}
.gbcomment {
	background-color:#303030;
}

/* Tabelle Feedback - Neue Mail */
.maillabelnew {
	width:150px;
	font-family:Verdana,Arial;font-size:9pt;color:#ffffff;
	background-color:#9999aa;border:1px solid #000000;
}
.maildatanew {
	font-family:Verdana,Arial;font-size:9pt;color:#ffffff;
	background-color:#ddddee;border:1px solid #000000;
}

/* Buttons */
.button {
	width:4cm;
	height:25px;
	font-family:sans-serif,helvetica,verdana,arial;
	font-size:8pt;
	font-weight:normal;
	color:#000000;
	background-color:threedface;
}

.buttonD {
	width:4cm;height:25px;
	font-family:Verdana,Arial;font-size:8pt;font-weight:normal;
	color:#444444;background-color:#9999aa;
	border:1px ridge #ffffff;
}

.uload {width:50%;font-family:sans-serif,arial;color:#000000;
font-size:9pt;border:1px solid #000000;}

/* Überschriften */
.mHead {font-weight:bold;color:#414158;font-size:16pt;font-family:Tahoma,Arial;}

/* Formulare - wird nur für den Internet Explorer verwendet */
.maillabelnew {font-family:Verdana,Arial;font-size:8pt;color:#ffffff;
background-color:#8888aa;border:1px solid #000000;}
.maildatanew {font-family:Verdana,Arial;font-size:8pt;color:#000000;
background-color:#ddddee;border:1px solid #000000;}
.ninput {border:1px solid #404040;}
.ninputtbl {width:100%;border:1px solid #404040;}
.tarea{width:100%;border:1px solid #404040;font-family:Verdana,Arial;}

/* Datum letztes Update */
#lupdate {text-align:right;position:absolute;right:15px;}