/*
Theme Name: Internet-Prepaid.de
Theme URI: http://www.internet-prepaid.de
Description: Ein Theme für Internet-Prepaid.de
Version: 1.0
Author: Frank Roesch

Letzte Aenderung: 05.01.2008
*/

/* ==============================================================
	Zurücksetzen und allgemeine Styles
 ============================================================== */
*{
	margin:0;
	padding:0;
}
body{
	font-size:12px;
	font-family: Arial, Tahoma, Verdana;
}
p{
	margin:5px;
	margin-top:10px;
	line-height:1.6;
}
h1{
	font-family: Times New Roman, Georgia, Trebuchet MS;
	font-size:200%;
	margin-left:5px;
	color:#1a4e88;
}
h1 a{
	text-decoration:none;
}
h2{
	font-size:150%;
	margin-left:5px;
	margin-bottom:10px;
	margin-top:8px;
}
/* Listen */
ul li{
	margin-left:24px;
}
ol{
		
}
ol li{
	margin-left:24px;
}
/* Verweise */
a{
	color:#1a4e88;
	font-weight:bold;
}
a:hover{
	color:#3568a0;
}
/* Tabellen*/
table{
	border:0;
	width:90%;
	border-spacing:2px 5px;
}
th{
	border:0;
	color:#FFFFFF;
	background-color:#8c8c8c;
	line-height:2;
	padding:4px;
	margin-bottom:5px;
	
}
td{
	border:0;
	line-height:1.6;
	padding:4px;
}
td img{
	margin:auto;
}
.zeile_1 td{
	
}
.zeile_2 td{
	background-color:#dfdfdf;
}

/* ==============================================================
	Layout und Design
 ============================================================== */
/* Seitenkopf */
#header_back{ /* Der Verlauf der Kopfzeile */
	background-image:url(images/header_back.gif);
	background-repeat:repeat-x;
	height:110px;
}
#header_innen{ /* Enthält den eigentlichen Kopf */
	position:relative;
	width:960px;
	height:110px;
	margin:auto;

}
#header_right{ /* Enthält den eigentlichen Kopf */
	position:relative;
	width:330px;
	height:110px;
	margin:auto;
	float:left;
	text-align:right;
	padding-left:230px;

}
#header_right a{ /* Enthält den eigentlichen Kopf */
	margin-top:73px;
	color:#FFFFFF;
	text-decoration:none;
	float:left;
	padding-top:4px;
	padding-left:10px;
	font-weight:normal;
	font-size:120%;
}
#header_right img{ /* Enthält den eigentlichen Kopf */

}
#header_right a:hover{ /* Enthält den eigentlichen Kopf */
	color:#CCCCCC;
	text-decoration:underline;
}

#header_left{ /* Enthält den eigentlichen Kopf */
	position:relative;
	width:330px;
	height:110px;
	margin:auto;
	float:left;
}

#header_innen h1{
	color:#FFFFFF;
	font-family: Times New Roman, Georgia, Trebuchet MS;
	font-weight: normal;	
	font-size:36px;
	margin:0;
	padding:20px 0 5px 0;
}
#header_innen p{
	margin:0;
	padding:5px 0 5px 0;
	font-size:14px;
	color:#FFFFFF;
}
#header_innen h1 a{
	color:#FFFFFF;
	text-decoration:none;
}
/* Hauptmenu */

#leiste_hmenu{ /* Hintergrundleiste */
	background-color:#1a4e88;
	height:30px;
}
#mitte_hmenu{
	position:relative;
	width:960px;
	margin:0 auto;
}
#mitte_hmenu ul li{
	list-style:none;
	display:inline;
	float:left;
}
#mitte_hmenu ul li a{
	display:block;
	line-height:30px;
	float:left;
	background-color:#1a4e88;
	color:#FFFFFF;
	padding-right:10px;
	padding-left:10px;
	margin-right:10px;
	font-weight:bold;
	font-size:120%;
	text-decoration:none;
}
#mitte_hmenu ul li a:hover{
	background-color:#3568a0;	
}
/* Content */
#my_content{ /* umfasst den mittlerwen Teil der Seite, inkl. Sidebar */
	position:relative;
	width:960px;
	margin:5px auto 10px;
}
#the_post{ /* umfasst nur den Post */
	position:relative;
	width:500px;
	float:left;
	margin-left:50px;
}
#the_page_post{ /* umfasst nur den Post */
	position:relative;
	width:700px;
	float:left;
	margin-left:50px;
}
/* Die Sidebar */
#the_sidebar{
	position:relative;
	width:150px;
	float:left;
}

#the_sidebar ul li{
	margin:0;
	display:block;
	border-bottom:1px solid #FFFFFF;
}
#the_sidebar ul li a{
	color:#FFFFFF;
	line-height:1.6;
	display:block;
	padding:4px 0 4px 5px;
	font-size:120%;
	background-color:#1a4e88;
	text-decoration:none;
}

#the_sidebar ul li a:hover{
	background-color:#3568a0;
}

#the_sidebar ul li ul li{
	list-style:none;
	border-top:1px  solid #FFFFFF;
	
	border-bottom:0;
}


#the_sidebar ul li ul li a{
	padding-left:20px;
	line-height:1.2;
	font-size:90%;
	background-color:#4a7eb8;
	text-decoration:none;
}
#the_sidebar ul li ul li a:hover{
	padding-left:20px;
	background-color:#6c98c9;
}
/* Sidebar für Blogbereich */
#the_sidebar2{
	position:relative;
	width:200px;
	float:left;
}
#the_sidebar2 ul li{
	margin-left:24px;
}
/*Seitenfuss */
#the_footer{ /* Hintergrundleiste */
    clear:both;
	margin-top:10px;
    position:relative;
	background-color:#1a4e88;
	height:30px;
}
#my_footer{
	width:960px;
	margin:0 auto;
	text-align:right;
}
#my_footer p{
	color:#FFFFFF;
	font-size:90%;
	line-height:30px;
}
#my_footer p a{
	color:#FFFFFF;

}
#my_footer p a:hover{
	color:#CCCCCC;

}
/* ==============================================================
	Sonstiges
 ============================================================== */