/* CSS Document */

/*Farbwerte*/
/*rot: #cc3333*/
/*orange:#ff9933*/
/*grün:#339900*/
/*blau:#0099cc*/
/*grellrot:#ff0033*/

a img {border:0}

html, body {
	margin: 0;
	padding: 0;
	background-color: #fff;
	color: #000;
	}


body{width:100%;	}

/** Positionierungen **/
#header {
	height: 10.0em; // 10.0em; 
	width:100%;
	background-color: #fff;
	background-image:url(../pics/bg_header.jpg);
	background-position:right top;
	background-repeat:no-repeat;
	}
	
#leftcol {
	position:absolut;
	left:0px;
	width: 230px;
	top:10.0em;
	border-right:#cc3333 dotted 1px;
	float:left;
	padding-top:3.0em;
	}
		
#rightcol {
	position:relative;
	float:right;
	width: 230px;
	border-left:#cc3333 dotted 1px;
	position:relative;
	padding-left:10px;
	padding-right:10px;
	padding-top:3.0em;
	
	}

	
#content {
position:absolute;
left:240px;
right:290px;
top:13.0em;
}

*html #content {top:15.0em;}

	
#min-width {
	position:absolute;left:0px;top:0px;min-width:960px;width:100%;width:expression(document.body.clientWidth < 1024? "1000px": "100%");
	}



/**Formatierungen allgemeine **/

body{font-family:Arial, Helvetica, sans-serif;
font-size:100.01%;
color:#111111;} /*Angenehmer f&uuml;r Augen*/

.clear{clear:both;}

/*Formatierung f&uuml;r Formulare*/
form{margin:0;} 
input{border:1px solid #cc3333;padding:1px;font-size:0.8em;} 
textarea{border:1px solid #cc3333;padding:1px;font-size:1.2em;} 
input:active, input:focus, input:hover { background: #dedede;}
input.button {background-color:#cc3333; color:#ffffff;font-weight:bold;text-align:center;}
input.button:active, input.button:focus, input.button:hover{background: #dedede; color:#111111;border: 1px solid #111111;}

select {border:1px solid #cc3333;padding:1px;font-size:0.8em; text-align:center;}


/** Linke Spalte **/
#leftcol{font-size:0.8em;}
#leftcol div.nav_links form{line-height:1.5;}
#leftcol div.nav_links, div.rss-feed{margin-left:20px;border-bottom:#cc3333 dotted 1px;margin-right:5px;padding:5px;}
#leftcol h2, #rightcol h2 {text-transform:uppercase;font-size:1.2em;margin:3px 0px;}
div.nav_links h2, div.sonstiges h2{color:#cc3333;}
div.nav_links input {float:left;width:145px;}
div.nav_links input.button {float:right;width:40px;margin-left:3px;}
div.nav_links form br {clear:both;}

div.nav_links a, div.sonstiges a{text-decoration:none;color:#cc3333;}
div.nav_links a:hover, div.sonstiges a:hover{color:#111111; background-color:#dedede;}
div.nav_links a:visited, div.sonstiges a:visited{color:#888888;}
div.nav_links p{padding:8px 0px;text-align:right;margin:0px;}

div.nav_links ul {margin:3px 0px;padding:0px;padding-left:20px;list-style-type:square;line-height:1.1;} //color:#cc3333;
div.nav_links span.datum, div.berichte span.datum, div.text span.datum{color:#111111;font-size:0.8em;}

/**RSS-Feeds*/
div.rss-feed h2{color:#ff9933;}
div.rss-feed img{float:left;margin-top:3px;}
div.rss-feed ul{float:right;width:150px;margin:3px 0px;padding:0px;padding-left:20px;list-style-type:square;line-height:1.1;color:#ff9933;}
div.rss-feed a{text-decoration:none;color:#ff9933;}
div.rss-feed a:hover{color:#111111; background-color:#dedede;}
div.rss-feed a:visited{color:#888888;}

/**Rechte Spalte */
#rightcol{font-size:0.8em;}
#rightcol {line-height:1.1;}


/*Berichte und Kurzberichte */
div.berichte h2 {color: #339900;}
/**Kurzberichte und Berichte*/
#rightcol div.berichte{border-bottom:#339900 dotted 1px;margin-right:5px;padding:5px;}
div.berichte ul {margin:3px 0px;padding:0px;padding-left:20px;list-style-type:square;color:#339900;line-height:1.1;} 
div.berichte a{text-decoration:none;color:#339900;}
div.berichte a:hover{color:#111111; background-color:#dedede;}
div.berichte a:visited{color:#888888;}

div.berichte p{padding:8px 0px;margin:0px;}
div.berichte img{float:left;margin:0px 5px 5px 0px;}

div.berichte span.titel{font-size:1.1em;color:#339900;margin:0px;margin:0px 0px 0px 0px;font-weight:bold;}

/*Gewinnspiele und sonstige Boxen - rechts */

#rightcol div.sonstiges{border-bottom:#cc3333 dotted 1px;margin-right:5px;padding:5px;}
div.sonstiges p{padding:8px 0px;margin:0px;}


/*header*/
#header{font-size:0.8em;}
#header #nav_oben1 {position:relative;top:5px;left:0px;width:inherit;height:1.8em;background-color:#cc3333;padding-top:5px;}
#nav_oben1 a{color:#ffffff;text-decoration:none;font-weight:bold;margin-right:10px;padding:5px;}
#nav_oben1 a:hover{color:#888888; }
#nav_oben1 a:visited{color:#dedede;}
#nav_oben1 #inner_nav {padding-left:20px;}

#header #nav_oben3 {position:relative;top:5px;left:0px;width:inherit;height:1.8em;background-color:#FFFFFF;padding-top:5px;}
#nav_oben3 a{color:#339900;text-decoration:none;font-weight:bold;margin-right:10px;padding:5px;}
#nav_oben3 a:hover{color:#111111; background-color:#dedede; }
#nav_oben3 a:visited{color:#888888;}

#header #nav_oben2 {position:relative;top:0px;left:0px;margin-top:7.8em;padding:3px;padding-right:20px;color:#cc3333;text-align:right;float:right;background-color:#ffffff;}
#nav_oben2 a{color:#cc3333; padding:3px; text-decoration:none;font-weight:bold;margin-left:0px;}
#nav_oben2 a:hover{color:#888888; }
#nav_oben2 a:visited{color:#888888;}

#header #logo {padding-top:2.0em;padding-left:20px;float:left;}



/*Formatierungen Unterseite */
#content{font-size:0.8em;}


/*Formatierungen der Startseite*/

#wrapper{margin:0px;left:0px;right:0px;width:inherit;}
#col_left{float:left;width:45%;border-right:1px dotted #0099cc;padding:0px 10px;}
*html #col_left{position:relative;width:auto;left:0px;}
#col_right{float:right;width:45%;text-align:left;padding:0px 10px;}
*html #col_right {position:relative;width:auto;}


#col_left h2, #col_right h2{width:48%;text-transform:uppercase;font-size:1.1em;}
#col_right h2{width:100%;text-align:left;}
#col_left h2.brettspiel{color:#0099cc;}
#col_right h2.computerspiel{color:#ff0033;}

/*Spalte Brettspiele*/

#col_left div.div_brettspiel{border-bottom:1px dotted #0099cc;padding:5px 0px;}
*html #col_left div.div_brettspiel{width:45%;}
#col_left div.div_brettspiel img{float:left;}
#col_left div.div_brettspiel div.text {float:right;margin-left:5px;width:60%;}
*html #col_left div.div_brettspiel div.text {width:auto;}

div.text p{margin:0px;padding:2px 0px;}
#col_left div.div_brettspiel div.text a{color:#0099cc;text-decoration:none;}
#col_left div.div_brettspiel div.text a:hover{color:#111111; background-color:#dedede;}
#col_left div.div_brettspiel div.text a:visited{color:#888888;}
#col_left div.div_brettspiel div.text span.titel{color:#0099cc;font-size:1.1em;font-weight:bold;}


/*Spalte Computerspiele*/
#col_right div.div_computerspiel{border-bottom:1px dotted #ff0033;padding:5px 0px;}
*html #col_right div.div_computerspiel{width:100%;}
#col_right div.div_computerspiel img{float:left;}
#col_right div.div_computerspiel div.text {float:right;margin-left:5px;width:60%;}
*html #col_right div.div_computerspiel div.text {width:auto;}


#col_right div.div_computerspiel div.text a{color:#ff0033;text-decoration:none;}
#col_right div.div_computerspiel div.text a:hover{color:#111111; background-color:#dedede;}
#col_right div.div_computerspiel div.text a:visited{color:#888888;}
#col_right div.div_computerspiel div.text span.titel{color:#ff0033;font-size:1.1em;font-weight:bold;}