* {
margin : 0 ;
padding : 0;
}
body {
	background: url("images/hintergrund2.jpg");
	background-position : top;
	font-size : 11px;
	font-family : 'Verdana', 'Arial', Sans-Serif;
	background-color: #FFFFFF;
	background-repeat: repeat;
	color: #333333;
        text-transform : lowercase;
}
.break {
background : #ffffff;
clear: both;
}

/**************** Headerbild ******************/
#headerbild, #headerbild a {
	width:400px;
	height: 250px;
	border: 0;
	display:block;
	background-image:url("images/header.jpg");
	background-repeat:no-repeat;
}
#headerbild a:hover {
	width:400px; 
	height: 250px; 
	border: 0; 
	background-image:url("images/header2.jpg");
	background-repeat:no-repeat;
}
/**************** Navigation ******************/
#navcontainer {
    	margin: 0; 
    	padding: 0;
    	text-align: center;
}
#nav { 
    	width: 400px;
    	margin: 0 auto;
    	text-align: left;
		}


#groomLake {
clear : left;
padding : 0 30px 10px 30px;
margin : 35px auto 0 auto;
width : 400px;
}
.sub-left {
	border : 6 px solid rgb(246, 246, 246);
	float : left;
	height : 60px;
	margin : 0 auto 0 auto;
	width : 100px;
	border-top-color: #996666;
}
#sub-right {
border-left : 2px solid rgb(246, 246, 246);
float : right;
margin : 0 auto 0 auto;
text-align : left;
width : 320px;
}
#sub-right ul {
line-height : 20px;
list-style-type : none;
margin : 0;
padding : 0;
}
#sub-right li {
height : 20px;
}
#sub-right ul li a, #sub-right ul li a:visited {
color : #333333;
display : block;
padding : 0 0 0 30px;
text-decoration : none;
}
#sub-right ul li a:hover {
background : #e15f84;
border : none;
color : white;
display : block;
}
#sub-right ul li.current_page_item a, #sub-right ul li.current_page_item a:hover {
background : #e15f84;
color : rgb(255, 255, 255);
text-decoration : none;
}
#menu {
background : #ffffff;
margin : 0 auto;
width : 200px;
}
#menu span a, #menu span a:visited {
background : #ffffff;
border-bottom : 5px solid red;
color : rgb(250, 251, 247);
font : 1em 'Georgia', 'Times New Roman', Sans-Serif;
margin : 1px 10px 0 0;
padding : 1px 3px 0 3px;
text-decoration : none;
}
#menu span a:hover {
background : #ffffff;
border-bottom : 5px solid black;
text-decoration : none;
}
#content {
background : #334499;
text-align : left;
}
/*area51 ist der Raum zwischen den oberen Links und den Posts*/
#area51 {
margin : 20px 0 0 0;
}
/* hier bestimmen sich die Posts (der Text an sich)*/
.post {
	margin : 0 auto 20px auto;
	width : 400px;
	position: relative;
	
}
/*hier wird des Aussehen der Abs�tze bestimmt*/
p {
color : #333333;
font-family : 'Verdana', 'Arial', Sans-Serif;
font-weight : normal;
font-size : 1em;
line-height : 190%;
padding : 5px 0 5px 0;
text-align : left;
}

/* die trennung zwischen den posts (glaube ich, allerdings auch �ber den comments)*/
.divide {
	background : url("images/p-divider.gif") no-repeat;
	background : url("images/p-divider.gif") no-repeat;
	font-family : 'Verdana', 'Arial', Sans-Serif;
	font-weight : normal;
	font-size : 1em;
	height : 25px;
	margin : 10px 0 0 0;
	padding-right : 10px;
	text-align : right;
	border-bottom : 1px dashed #CCCCCC;
	width: 390px;
}	

blockquote p {
background : #ffffff;
float : left;
font : 1.4em 'Georgia', 'Times New Roman', Sans-Serif;
font-style : italic;
margin : 1px 0 0 -265px;
position : absolute;
text-align : right;
width : 200px;
}
.more img {
border : none;
height : 13px;
margin : 0 0 -1px 0;
}
.more a, .more a:visited {
background : url("images/more.jpg") no-repeat;
border : none;
height : 15px;
margin : 0;
padding : 0;
letter-spacing : -9999em;
width : 52px;
}
/******************* Links in den Posts *********************/
.post p a, .post p a:visited {
	background : #ffffff;
	color : #e15f84;
	text-decoration : none;
}
.post p a:hover {
	background : #e15f84;
	color : #FFFFFF;
}
/***** ist hier mal vordefiniert, 
	   im fall wir m�chten die Verlinkung der Bilder
	   nicht mit dem gleichen Lila tapezieren wollen.
	   Dann muss nat�rlich bei post a: wieder color vertauscht
	   werden oder ich muss nach einer anderen L�sung schauen.

#komm a, #komm a:visited {
	border : none;
	color : #e15f84;
	font-weight : normal;
	text-decoration : none;
}
#komm a:hover {
	border : none;
	color : #000000;
	font-weight : normal;
	text-decoration : none;
}
*****/

#area51 ul {
background : #ffffff;
color : rgb(102, 102, 102);
font-family : 'Verdana', 'Arial', Sans-Serif;
font-weight : normal;
font-size : 1.2em;
list-style-type : none;
margin : 10px 0 10px 0;
padding : 0 0 0 10px;
}
#area51 ul li {
background : url("images/bullet_black.gif") no-repeat left 2px;
line-height : 170%;
margin : 0 0 5px 0;
padding : 0 10px 0 20px;
}
#area51 ul li.destyle {
background : none;
}
#area51 ul li a, #area51 ul li a:visited {
color : rgb(112, 160, 194);
text-decoration : none;
}
#area51 ul li a:active {
color : rgb(170, 170, 170);
text-decoration : none;
}
#area51 ul li a:hover {
color : rgb(138, 186, 221);
text-decoration : none;
}
.highlite {
font : 1em 'Courier New', 'Georgia', Sans-Serif;
padding : 2px 3px;
text-transform : uppercase;
}
#ufo {
clear : left;
padding : 0 30px 10px 30px;
margin : 70px auto 0 auto;
width : 400px;

}
.agentMulder {
background : #ffffff;
border : 10px solid rgb(246, 246, 246);
float : left;
height : 60px;
margin : 0 auto 15px auto;
width : 400px;
}
#watertownStrip {
padding : 0 0 10px 0;
margin : 30px auto 0 auto;
width : 400px;
}
.responses {
margin : 0 0 10px 0px;
}
.responses dl {
margin : 0 10px;
padding : 0 0;
}
/*Namen der KommentatorInnen*/
.responses dt {
	color : #000000;
	font : normal 1.2em 'Verdana', 'Arial', Sans-Serif;
	text-transform : lowercase;
	text-decoration : none;
}
.responses dt a, .responses dt a:visited {
color: #e15f84;
text-decoration : none;
}
.responses dt a:hover {
color : #000000;
}
.responses dd {
margin : 0 0 10px 0;
}
.responses dd p {
color : rgb(102, 102, 102);
font : 11px 'Verdana', 'Arial', Sans-Serif;
line-height : 160%;
margin : 0;
padding : 5px 0;
}
.responses dd p a, .responses dd p a:visited {
color : #e15f84;
font : 11px 'Verdana', 'Arial', Sans-Serif;
text-decoration : none;
}
.responses dd p a:hover {
border-bottom : 1px dotted rgb(51, 51, 51);
}
.responses dd img {
width : 210px;
max-height : 500px;
}
.response-info {
	color : rgb(102, 102, 102);
	float : left;
	font : 3.8em 'Georgia', 'Times New Roman', Sans-Serif;
	padding : 5px 0 0 0px;
	position : absolute;
	text-align : center;
	text-decoration : none;
	width : 85px;

}
.response-info img {
border-bottom : 1px solid #000000;
}
.response-info acronym {
border : none;
}
.response-info a, .response-info a:visited {
color : #000000;
font : 1.1em 'Georgia', 'Times New Roman', Sans-Serif;
text-decoration : none;
}
.response-info a:hover {
border-bottom : 1px dotted rgb(163, 178, 180);
}


.inputinfo {
background : url("images/response-postinfo.jpg") center 0%;
padding : 5px 0 0 0;
position : relative;
text-align : left;
}
.inputinfo p {
color : rgb(220, 221, 217);
float : center;
font : 1.2em 'Verdana', 'Arial', Sans-Serif;
line-height : 160%;
width : 240px;
}
/*Name und so bei Comments*/
label {
	color : rgb(153, 153, 153);
	cursor : pointer;
	font : 1em 'Verdana', 'Arial', Sans-Serif;
	text-transform : none;
	white-space: nowrap;
	margin: 0 0;
		}
label strong {
	font-style : italic;
	white-space: nowrap;
	margin: 0 0;
	font-size: 10px;	
}

/**************** Kommentarfelder ******************/
.addResponselinie {
	border-top : 1px dashed #CCCCCC;
}

.addResponse {
	margin : 50px 0 50px 1px;
	}
.addResponse p {
	margin : 0 0 0 0;
	margin-left: -5px
	}
.addResponse form {
	border : none;
	margin : 0 0 0 10px;
	padding : 2px 0 0 0;
	}
.addResponse form p {
	color : #000000;
	font : 1.2em 'Verdana', 'Arial', Sans-Serif;
	line-height : 160%;
	margin : 0 0 0 0;
	padding : 5px 0;
	}
.addResponse input {
	background : rgb(255, 255, 255);
	border-bottom : 1px dotted #CCCCCC;
	border-left-style: none;
	border-right-style: none;
	border-top-style: none;
	color : rgb(102, 102, 102);
	font-family : 'Verdana', 'Arial', Sans-Serif;
	font-size : 11px;
	margin : 10px 0 3px 0px;
	padding : 4px;
	width : 150px;
	white-space: nowrap;
	}
.addResponse textarea {
	background : rgb(255, 255, 255) url("images/textarea-back.jpg") center 0%;
	border-bottom : 1px dotted #CCCCCC;
	border-top : 1px dotted #CCCCCC;
	border-left-style: none;
	border-right-style: none;
	color : rgb(102, 102, 102);
	font-family : 'Verdana', 'Arial', Sans-Serif;
	font-size : 1em;
	height : 150px;
	line-height : 140%;
	margin-top : 15px;
	padding : 3px 0 3px 5px;
	width : 100%;
	white-space: nowrap;
	}
.addResponse input#submit {
	border : none;
	border-bottom : 1px dotted #CCCCCC;
	border-top : 1px dotted #CCCCCC;
	color : rgb(102, 102, 102);
	cursor : pointer;
	font-family : 'Verdana', 'Arial', Sans-Serif;
	font-size : 1.2em;
	font-weight : normal;
	margin : 10px 0 0 0;
	padding : 2px 3px 2px 3px;
	width : 100%;
	white-space: nowrap;
	background-color: #efe6e8;
	text-align : left;
	}
p.submit {
	text-align : left;
	white-space: nowrap;
	}
.addResponse #submit:hover {
	color : #000000;
	white-space: nowrap;
	background-color: #FFFFFF;
	}
.addResponse #submit:active {
	color : #000000;
	white-space: nowrap;
	}
.break {
	clear : both;
	}
	
/**************** Pagestyle ******************/
div.pagination {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding:2px;
	line-height: 22px;
	margin:0;
}

div.pagination a {
	margin: 2px;
	padding: 0.5em 0.64em 0.43em 0.64em;
	background-color: #FFFFFF;
	text-decoration: none; /* no underline */
	color: #333333;
}
div.pagination a:hover, div.pagination a:active {
	padding: 0.5em 0.64em 0.43em 0.64em;
	margin: 2px;
	background-color: #e15f84;
	color: #fff;
}
div.pagination span.current {
	padding: 0.5em 0.64em 0.43em 0.64em;
	margin: 2px;
	background-color: #FFFFFF;
	color: #e15f84;
	font-weight: bold;
	}
div.pagination span.disabled {
		display:none;
	}
	
/**************** Footer ******************/
#footer {
border-top : 1px dotted rgb(238, 238, 238);
clear : both;
margin : 15px auto 0 auto;
padding : 5px 0 5px 0;
text-align : center;
width : 400px;
}
#footer p {
	border : none;
	font-family : 'Verdana', 'Arial', Sans-Serif;
	font-size : 10px;
	line-height : 14px;
	margin : 0 0 0 15px;
	padding : 0 0 0 0;
	text-align : 20px 0;
}
/*h1*/
h1 {
	color : #000000;
	font-family : Georgia, "Times New Roman", Times, serif;
	font-weight : bold;
	margin : 0;
	padding : 20px 0 0 0;
	font-size: 12px;
	text-transform: lowercase;
}
h1 a, h1 a:visited {
color : #222222;

font-weight : normal;
text-decoration : none;
}
h1 a:hover {
color : white;
text-decoration : none;
text-transform: lowercase;	
}
/* hier bestimmt sich das datum, weil in h2*/
h2 {
	color : #999999;
	font-family : Georgia, "Times New Roman", Times, serif;
	font-size : 16px;
	margin : 0;
	padding : 10px 0 15px 0;
	text-transform: lowercase;
	font-weight: lighter;
}
/* hier bestimmt sich die farbe der post-�berschriften, weil h2-links*/
h2 a, h2 a:visited {
	border : none;
	color : #e15f84;
	font-weight : normal;
	text-decoration : none;
	font-size: 18px;
	text-transform: lowercase;	
}
h2 a:hover {
	border : none;
	color : #000000;
	font-weight : normal;
	text-decoration : none;
	text-transform: lowercase;
}
h3 {
color : rgb(102, 102, 102);
font-family : 'Verdana', 'Arial', Sans-Serif;
font-weight : normal;
font-size : 1.2em;
margin : 20px 0 5px 10px;
padding : 0 0 5px 0;
text-transform: lowercase;	

}
h3 a, h3 a:visited {
border : none;
color : rgb(51, 51, 51);
text-decoration : none;
text-transform: lowercase;	
}
h3 a:hover {
border : none;
color : rgb(236, 50, 3);
text-decoration : none;
text-transform: lowercase;	
}
.responses h3 {
margin : 20px 0 0 95px;
padding : 0 0 15px 0;
}
h4 {
color : #666666;
font-family : 'Verdana', 'Arial', Sans-Serif;
font-size : 1em;
text-transform: lowercase;	
}

a, a:visited {
color : #000000;
font-weight : normal;
text-decoration : none;
}

a:active {
	color : #888888;
	text-decoration : none;
	}
a:hover {
	color :  #e15f84;
	text-decoration : none;
}

acronym {
		cursor : help;
	}
abbr {
border-bottom : 1px dashed;
cursor : help;
}
code {
background : rgb(246, 246, 246);
border : 1px solid rgb(238, 238, 238);
font : 1em 'Courier New', 'Arial', Sans-Serif;
}
#secondarycontent {
padding-left : 5px;
padding-right : 5px;
width : 190px;
height : 100%;
}