/*
Theme Name: LOTTO-Zahlen
Theme URI: http://www.lottozahlen.org
Description: 
Version: 0.1
Author: AK
Author URI:
*/

/*~~~~~~~~~~~~~Basiseinstellungen~~Anfang~~~~~~~~~~~~~~*/

* {margin: 0; padding: 0;}

img {border:0px;}

html, body {
	background: url(images/layout/bg.gif);
	font: 13px Helvetica, Arial, Verdana, sans-serif; /*"Trebuchet MS"*/
	color: #3f3f3f;
	width: 100%;
	height:100%;
	line-height:140%;
}

h3 {font-weight: bold;}
a {text-decoration: none; color: #e30000;}
a:hover {text-decoration: underline; color: #000;}
.clear{clear:both; height:1px; line-height:1px; visibility:hidden;}
ul li{list-style-type:none;}
h1, h1 a {font-weight: normal; font-size:115%; margin-bottom:4px; color:#e30000; text-decoration:none; line-height:normal;}
h2, h2 a {font-weight: normal; margin-bottom:2px; font-size:100%; color:#e30000; text-decoration:none; line-height:normal;}
.date{text-align:right; width:100%; color:#737373; font-size:11px; line-height:98%; margin-bottom:5px;}
.article_navi{text-align:center; width:100%; color:#7B6F66; font-size:12px; padding:0 0 10px;}

/*~~~~~~~~~~~~~Basiseinstellungen~~Ende~~~~~~~~~~~~~~*/

/*~~~~~~~~~~~~~Boxenmodell~~Anfang~~~~~~~~~~~~~~*/


#siteBox{
	width: 800px;
	margin:0 auto;
	padding:20px 0;
}

#top {
	background: url(images/layout/top_bg.gif) left top no-repeat;
	float: left;
	width: 800px;
	height: 20px;
}

#middle {
	background: #fff url(images/layout/content_trenner_bg.gif) 300px top repeat-y;
	float: left;
	width: 800px;
}

#middle #middleRight{
	float: right;
	width: 500px;
	min-height:600px;
}

#middle #middleLeft{
	background: url(images/layout/logo.gif) left top no-repeat;
	float: right;
	width: 300px;
}

#logo {
	display:block;
	width: 300px;
	height: 70px;
	text-align:center;
	text-indent:-100000px;
	overflow:hidden;
	margin-bottom:220px;
}

#navi{
	background: #fff url(images/layout/navi_bg.gif) left top repeat-x;
	width: 498px;
	border-right:2px solid #fff;
	height: 56px;
	padding:2px 0 0;
}

#navi ul li{
	float:right;
	height:50px;
	line-height:50px;
}

#navi ul li a{
	display:block;
	height:50px;
	padding:0 15px;
	font-size:18px;
	text-decoration:none;
	color:#fff;
}

#navi ul li a:hover{
	background: url(images/layout/navi_hover.gif) center top no-repeat;
}

#navi ul li a.active{
	background: url(images/layout/navi_active.gif) center top no-repeat;
}


#googleNavi{
	width: 500px;
	padding:3px 0;
	text-align:center;
}



#content{
	padding:20px;
	text-align:justify;
}

#content a{
	color:#7B6F66;
}

#content h1 a {font-weight: normal; font-size:135%; margin-bottom:4px; color:#e30000; text-decoration:none;}
#content h2 a {font-weight: normal; margin-bottom:2px; font-size:120%; color:#e30000; text-decoration:none;}

#content a.more-link{
	display:block;
	float:right;
	width:70px;
	background: url(images/layout/red_arrow.gif) 100% 9px no-repeat;
	padding:5px 12px 10px 0;
	line-height:14px;
	color:#e30000;
}


#content .articleTrenner{
	background: url(images/layout/punkt_punkt.gif) left center repeat-x;
	height:31px;
	clear:both;
}


#footer {
	float: left;
	width: 800px;
	color:#fff;
	font-size:11px;
}

#footer a{
	color:#fff;
	font-size:11px;
}

#footer #footerRight{
	float: left;
	width: 485px;
	text-align:right;
	padding:5px 15px 0 0;
}

#footer #footerLeft{
	background: #fff;
	float: left;
	width: 300px;
	height:20px;
}

/*~~~~~~~~~~~~~Boxenmodell~~Ende~~~~~~~~~~~~~~*/

/*~~~~~~~~~~~~~Content~~Anfang~~~~~~~~~~~~~~*/

.box1{
	width:300px;
	padding:10px 0 20px;
}

.box1 .box1_head{
	width:280px;
	padding:0 0 0 15px;
	border-left:5px solid #e30000;
	color:#201D17;
	font-weight:bold;
	line-height:98%;
}

.box1 .box1_content{
	width:260px;
	padding:10px 20px 0;
	text-align:justify;
	background: url(images/layout/box1_punkt_punkt.gif) left bottom repeat-x;
}

.box1 ul{
	width:277px;
	padding:0 0 10px 20px;
	background: url(images/layout/box1_punkt_punkt.gif) left bottom repeat-x;
}

.box1 ul li{
	width:227px;
	padding:5px 15px;
	color:#e30000;
	background: url(images/layout/red_arrow.gif) 0 11px no-repeat;
}

.box1 ul li a{
	color:#CF0000 ! important;
}

.box1 .box1_read_more a{
	color:#1185ce;
}

.sitebar_google{
	padding: 0 10px;
}

.twoColumns{
	width:460px;
	padding:20px 0;
}

.twoColumns .column1{
	float:left;
	width:220px;
	padding:0 10px 0 0;
}

.twoColumns .column2{
	float:right;
	width:220px;
	padding:0 0 0 10px;
}