@import "links.css";
@import "mitte.css";
@import "rechts.css";
@import "jcal.css";

body, html {
	height:100%;
	margin:0px; padding:0px;
	/*font-family: Trebuchet MS, Verdana, Arial, sans-serif;*/
	font-family:Arial, Geneva, sans-serif;
	font-size:13px;
	
	background-color:#FFFFFF;
	
	background-image:url( ../images/bkg_verlauf.gif );
	background-position:0px 0px;
	background-repeat:repeat-x;
	background-attachment:fixed;
	
}

/****************/
/*** STRUKTUR ***/
/****************/

#body {
	width:950px;
	min-height:100%;
	margin:0 auto;
	position:relative;
	background-color:#FFFFFF;

	background-image:url( ../images/bkg3.gif );
	background-position:741px 0px;
	background-repeat:repeat-y;
	
	border-width:0px 3px 0px 3px;
	border-style:solid;
	border-color:#FFFFFF;
}

#body #kopf {
	width:100%; height:185px;
	margin:0px; padding:0px;
	position:relative;
	
	background-image:url( ../images/bkg_2farben.gif );
	background-position:0px -10px;
	background-repeat:repeat-x;
}

#body #kopf #logo_print {			/* Das Logo wird nur beim Drucken angezeigt */
	display:none;
	/*position:absolute;
	top:20px; left:20px;	*/
}

#body #kopf #logo {
	position:absolute;
	background-image:url(../images/phv-logo.gif);
	background-repeat:no-repeat;
	top:20px; left:20px;
	width:320px; height:90px; 
}

#body #kopf #text {
	position:absolute;
	top:33px; left:190px;
}

#body #kopf #wirtunwas {
	position:absolute;
	right:20px; top:35px;
}

#body #kopf #kopfbild {
	position:absolute;
	right:0px; top:0px;
	height:160px; width:600px;
	
	background-image:url( ../images/kopfbild.jpg );
	background-position:0px -10px;
	background-repeat:no-repeat;
}

#body #kopf #breadcrumbs {
	position:absolute;
	top:133px;
	left:15px;
	font-size:85%;
	color:white;
}

#body #kopf #breadcrumbs a { color:#FFFFFF; font-weight:bold; }

#body #links {
	width:18%;
	margin:0px;
	float:left;
	position:relative;
}

#body #mitte {
	width:54%;
	margin:0px; padding:0 3% 0 3%;
	float:left;
	position:relative;
}

#body #rechts {
	width:21.9%;
	margin:0px; padding:0px;
	float:left;
	position:relative;
}

* html #body #rechts {
	width:21.9%;
	float:left;
	overflow:hidden;
	padding:0px; margin:0px;
}

#body #fuss {
	clear:both;
	height:10px; margin-top:40px;
}

#banneroutside {
	position:absolute;
	top:10px; left:980px;
	border:2px solid #FFFFFF;
}

/************/
/*** TEXT ***/
/************/

h1,h2,h3,h4,h5,h6 {
	margin:0px; padding:0px;
	/*font-family:Trebuchet MS, Geneva, sans-serif;*/
}

p,li {
	margin:0px; padding:0px;
	/*font-family:Arial, Geneva, sans-serif;*/
}

a {
	color:#1D8BDA;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

/*a:hover:after {
	content:" [" attr(href) "]";
	font-weight:normal;
	color:#000000;
	text-decoration:none;
}*/

p {
	line-height:130%;	margin-bottom:8px;
}

ul { list-style-type:disc; }
li { /*line-height:100%;	*/ margin-bottom:6px;	}

img { border:0px; }

/********************/
/*** PAGINATION ***/
/********************/

p.counter {
	padding-top:10px; margin-top:10px;
	border-top:1px solid #A0A0A0;
}

ul.pagination {
	list-style-type:none;
	margin:10px 0px 10px 0px; padding:0px;
}

ul.pagination li {
	margin:0px 4px 0px 0px;
	display:inline;
	padding:3px; border:1px solid #E0E0E0;
}

ul.pagination li:hover {
	border-color:#1D8BDA;
}

ul.pagination li a:hover {
	text-decoration:none;
}

ul.pagination li a[title=Weiter]:hover:after { content:" >"; }
ul.pagination li a[title=Ende]:hover:after { content:"|"; }
ul.pagination li a[title^=Zur]:hover:before { content:"< "; }
ul.pagination li a[title^=Start]:hover:before { content:"|"; }

/*******************/
/*** SONSTIGES ***/
/*******************/

.a13 { display:none; }
.left { float:left ! important; margin:7px 10px 10px 0px ! important; }
.right { float:right ! important; margin:7px 0px 10px 10px ! important; }

.internicon { margin:0px 5px 0px 0px ! important; border:0px ! important; padding:0px ! important; float:none ! important; }

input {
	border-width:1px;
	border-style:solid;
	border-color:#115892 #D0D0D0 #D0D0D0 #115892;
	height:18px;
}

input[type=submit], input[type=button], button {
	height:24px;
	padding:3px 1px 1px 3px;
	background-color:transparent;
	color:#FFFFFF;
	border-width:0px 2px 2px 0px; border-color:#115892; border-style:solid;
	background-image:url( ../images/verlauf_db.gif );
	background-repeat:repeat-x;
}

input[type=text], input[type=password], textarea {
	background-color:#FFFFFF;
	background-image:url( ../images/form_schatten.gif );
	background-repeat:no-repeat;
}

input[type=submit][disabled] {
	background-color:#999999 ! important;
	background-image:none;
}

form { margin:0px; padding:0px; }

#body #mitte input[type=text], #body #mitte input[type=password], #body #mitte textarea {
	width:250px;
}

table.formular {
	vertical-align:top;
}

table.formular tr {
	vertical-align:top;
}

table.formular hr {
	margin:0px; padding:0px;
	background-color:transparent;
	border:0px solid #FFFFFF;
	height:10px;
}

table.formular td {
	padding:5px; margin:0px;
	vertical-align:top;
}

table.formular td + td { width:66%; }

/*** DRUCK / EMAIL ICONS ***/

p.buttonheading {
	position:absolute;
	top:0px; right:0px;
}

p.buttonheading img {
	margin:0px ! important;
	display:inline ! important;
	margin-left:3px ! important;
}

/*** Umfragen ***/

#rechts h4 {
	padding:10px;
}

#rechts .poll input {
	float:left;
	width:12px;
	margin-right:5px;
	margin-bottom:3px;
	position:relative; bottom:2px;
}

#rechts .poll input.button {
	width:45%;
	margin-right:5%;
}

#mitte .poll table {
	width:100%;
	margin-bottom:15px;
	margin-top:30px;
}

#mitte .poll th {
	padding:10px 10px 5px 10px;
	background-color:#F0F0F0;
	text-align:left;
	margin:0;
	color:#666666;
}

#mitte .poll td {
	padding:10px;
	text-align:left;
}

#mitte .poll .td_1 { width:20%; }
#mitte .poll .td_2 { width:20%; }
#mitte .poll .td_3 { width:60%; }

#mitte .poll .polls_color_1,
#mitte .poll .polls_color_2, 
#mitte .poll .polls_color_3, 
#mitte .poll .polls_color_4, 
#mitte .poll .polls_color_5, 
#mitte .poll .polls_color_6, 
#mitte .poll .polls_color_7, 
#mitte .poll .polls_color_8, 
#mitte .poll .polls_color_9  {
	height:15px;
	border:0;
}

#mitte .poll .question {
	font-weight:bold;
	border-top:1px solid #F0F0F0;
}
