@charset "UTF-8";
/* CSS Document */





/********************************************* Body & Hintergrund *********************************************/

html, body, #holder { height: 100%; }
body > #holder { height: auto; min-height: 100%; }

body{
	font-family: verdana, sans-serif;
	font-size: 12px;
	line-height: 1.4em;
	color: #222222;
	margin:0;
	padding:0;
	background: url("/media/img/design/bg.jpg");
	height:100%;
}




#bg_verlauf{
	/*background:blue;*/
	background: url("/media/img/design/bg_verlauf.png") repeat-x;
	height: auto;
	min-height: 100%;
	padding:0;
	margin:0;
}
#holder{
	/*background:blue;*/
	height: auto;
	min-height: 100%;
	padding:0;
	margin:0;
}

#flecken{
	background: url("/media/img/design/flecken.png") -150px -300px;
	height: auto;
	min-height: 100%;
	padding:0;
	margin:0;
}

/********************************************* Logo *********************************************/

#logo1{
	position:absolute;
	top:0;
}
#logo1 a{
	background: url("/media/img/design/politakt_logo_slices_01.png") no-repeat;
	width: 76px;
	height: 306px;
	display:block;
	text-decoration:none;
}
#logo2{
	left:76px;
	top:0;
	position:absolute;
}
#logo2 a{
	background: url("/media/img/design/politakt_logo_slices_02.png") no-repeat;
	width: 43px;
	height: 254px;
	display:block;
	text-decoration:none;
}
#logo3{
	left:119px;
	top:0;
	position:absolute;
}
#logo3 a{
	background: url("/media/img/design/politakt_logo_slices_03.png") no-repeat;
	width: 54px;
	height: 215px;
	display:block;
	text-decoration:none;
}
#logo4{
	left:173px;
	top:0;
	position:absolute;
}
#logo4 a{
	background: url("/media/img/design/politakt_logo_slices_04.png") no-repeat;
	width: 112px;
	height: 200px;
	display:block;
	text-decoration:none;
}
#logo5{
	left:285px;
	top:0;
	position:absolute;
}
#logo5 a{
	background: url("/media/img/design/politakt_logo_slices_05.png") no-repeat;
	width: 42px;
	height: 95px;
	display:block;
	text-decoration:none;
}


/********************************************* Header *********************************************/

#header{
	background: url("/media/img/design/header_bg.gif");
	height: 113px;
	overflow:hidden;
}

#menu_holder{
	width: 1024px;
	margin:0 auto;
}
#menu_holder span{
	color:#35BD18;
	line-height:0;
	margin: -10px 0 0 -10px;
	float:left;
	padding:0;

}
#header ul{
	/*background:purple;*/
	width: 480px;
	margin:0 0px;
	padding:64px 0 0 33%;
}

#header ul li{
	float:left;
	padding: 0 10px 0 10px;
	list-style:none;
	border-left: #bebebe solid 2px;
}

#header ul li:first-child{
	border-left: none;
}

#header ul li a{
	color: #bebebe;
	font-weight:bold;
	text-decoration:none;
}

#header ul li a.mark{
	color: #35BD18;
	/*color: #E43006;*/
}

/********************************************* Content *********************************************/


/*#content_holder { height: 100%; }
body > #content_holder { height: auto; min-height: 100%; border:1px solid red; background:red;}
*/
#content{
	/*background:purple;
	width:100%;*/
	height:100%;
	min-height:100%;
	margin:0px auto 0 auto;
	clear:left;
	/*padding-bottom: 3em;*/
}

/********************************************* Content Links *********************************************/


#content_links{
	/*background:yellow;*/
	width:24%;
	padding: 70px 1% 30px 1%;
	float:left;
	text-align: right;

}

#content_links ul{
	list-style:none;
	text-align: right;
	padding:0;
	margin:0;
}

#content_links ul li{
	font-weight: bold;


}

#content_links ul li a{
	color: #888888;
	/*
	color: #35BD18;
	*/
	display:block;
	padding: 8px 0 2px 0;
	width: 60%;
	margin: 0 0 0 39%;
	border-bottom: 1px solid #888888;
}

#content_links ul li a.mark{
	color:#35BD18;
	/*
	color: #E43006;
	*/
}

#content_links ul li ul{
	padding: 5px 0 0 0;
}

#content_links ul li ul li{
	font-weight: normal;
	padding: 2px 0 2px 0;
	border-bottom:none;
}

#content_links ul li ul li a{
	border-bottom:none;
	padding:0;
}

/********** menu rechs **********/
#menu_rechts{
	list-style:none;
	text-align: left;
	padding:0;
	margin:0;
}

#menu_rechts li{
	font-weight: bold;


}

#menu_rechts li a{
	color: #888888;
	/*
	color: #35BD18;
	*/
	display:block;
	padding: 8px 0 2px 0;
	width: 60%;
	margin: 0 39% 0 0 ;
	border-bottom: 1px solid #888888;
}

#menu_rechts li a.mark{
	color:#35BD18;
	/*
	color: #E43006;
	*/
}

#menu_rechts li ul{
	padding: 5px 0 0 0;
	margin-left:0;
}

#menu_rechts li ul li{
	font-weight: normal;
	padding: 2px 0 2px 0;
	border-bottom:none;
	list-style: none;
}

#menu_rechts li ul li a{
	border-bottom:none;
	padding:0;
}


ul#ueber-uns-menu li a{
	border-bottom: none;
}

ul#koepfe{
	margin:0 0 0 39%;
	width:60%;
	border-top:1px solid #888888;
}

#content_links p{
	padding: 0 0 0 20px;
}

#content_links img{
	/*display: none;*/
}


#content_links h2{
	border-bottom: 1px solid #888888;
	padding: 8px 0 5px 0;
	margin:0 0 8px 20px;
}

#content_links h3{
	margin: 2px 0 5px 0;
	padding: 0;
}

#content_links p{
	margin: 5px 0 10px 50px;
}

#content_links table{
	float: right;

}

/********************************************* content_mitte_holder & Schatten *********************************************/

#content_mitte_holder{
	width:52%;
	min-width:53%;
	float:left;
}

#shadow_header{
	background:url("/media/img/design/shadow_header.png") repeat-x;
	height: 36px;
	width:100%;
}




#shadow_left_top{
	background: url("/media/img/design/shadow_left_top.png") no-repeat;
	/*
	height:9px;
	width:9px;
	*/
	float:left;
}

#shadow_right_top{
	background: url("/media/img/design/shadow_right_top.png") no-repeat right;
	/*
	height:9px;
	width:9px;
	*/
	float:left;
}

#shadow_top{
	background: url("/media/img/design/shadow_top.png") repeat-x;
	height:9px;

	/*width:100%;
	width: 100%;


	border:red solid 2px;
	width: 9px;
	height: 100%;
	padding: 40px 0 0px 0;
	border: green 1px solid;

	margin: -9px 9px 0 9px;
	margin: 4px 0 0 0;
	*/
	float:left;
	margin: 0px 9px 0 9px;

}

#shadow_right{
	background:url("/media/img/design/shadow_right.png") repeat-y right 4px;
	/*width: 9px;
	height: 100%;
	padding: 10px 0 0px 0;
	width:54%;

	border: blue 1px solid;*/
	float:left;
	margin: 0px 0 0 0;


}

#shadow_left_bottom{
	background: url("/media/img/design/shadow_left_bottom.png") no-repeat right;
	/*
	height:9px;
	width:9px;

	clear:both;*/
	float:left;
	margin-bottom: 20px;
}

#shadow_right_bottom{
	background: url("/media/img/design/shadow_right_bottom.png") no-repeat;
	/*
	height:9px;
	width:9px;
	*/
	float:left;
}

#shadow_bottom{
	background:url("/media/img/design/shadow_bottom.png") repeat-x;
	height:9px;
	/*width: 100%;


	border:red solid 2px;
	width: 9px;
	height: 100%;
	padding: 40px 0 0px 0;
	border: green 1px solid;

	margin: 9px 9px 0 9px;
	margin: 4px 0 0 0;
	*/
	float:left;
	margin: 0px 9px 0 9px;

}

#shadow_left{
	background:url("/media/img/design/shadow_left.png") repeat-y;
	/*width: 9px;
	height: 100%;
	padding:  0 9px 0 9px;
	border: green 1px solid;

	*/




	float:left;
	margin: 0px 0 0px 0;


}

/********************************************* Content Mitte *********************************************/


#content_mitte{
	background:#E4E4DC;
	/*width:98%;*/
	height:100%;
	float:left;
	padding: 20px 30px 30px 30px;
	margin: 0px 9px 0px 9px;
}

#content_mitte img{
	/*width:100%;
	height:100%;*/
}
/*#push{
	height:100%;
	border: #E43006 solid 2px;
}*/

.no-style{
	list-style: none;
	padding:0;
	margin:5px 0 0 0;
}

h1.kopf{
	padding-top:3px;
	margin-top:0;
}

table.kopf th{
	font-weight: bold;
}

table.kopf tr{
	line-height: 16px;
	padding: 0;
	margin: 0;
}

a#high_res{
	font-weight: normal;
	font-size: 0.8em;
}

ul#portraits{
	padding:0;
	margin:0;
	list-style:none;
}

ul#portraits li{
	float:left;
	list-style:none;
	padding-right:50px;
	width: 250px;
}


/********************************************* Blog *********************************************/

.author{
	float: left;
	padding: 4px 10px 0px 0;
}

h1.h2{
	/*margin-top: 4px;*/
}

.blog-content{
	background: red;
}


p.small{
	font-size: 0.8em;
	padding:0;
	margin:0;
	/*line-height:0;
	background: blue;*/
}

ul.comments{
	padding:0 0 0 30px;

	margin:0;
}
.comments li{
	list-style-image: url("/media/img/design/red-bubble.png");

	padding:0;
	margin:0;
}

#comments{
	padding: 10px 30px;
	list-style-image: url("/media/img/design/red-bubble.png");
}

#comments li{
	padding-bottom: 7px;
}

#comments p.small{
	margin-top: 0.8em;
}

#attachments{
	padding: 10px 20px;
	margin:0;
	list-style-image: url("/media/img/design/attachment.png");
}

#commentform table, #commentform{
	width: 100%;
}

#commentform th{
	padding-right: 10px;
}

#commentform td{
	width: 100%;
}

#commentform textarea{
	width: 100%;
	padding-right: -2px;
	padding-left: 2px;
	margin:0;
}

#commentform input{
	width: 100%;
	padding-right: 7px;
	padding-left: 2px;
	margin:0;
}

.error{
	color: red;
}

.error textarea,.error input{
	border: 2px red solid;
}

.addthis_button{
    float:right;
}

/********************************************* Content Rechts *********************************************/


#content_rechts{
	/*background:orange;*/
	width:18%;
	float:left;
	padding: 70px 0% 30px 1%;
	margin:0;
}

#content_rechts p img{
	display: none;
}

#content_rechts h2{
	border-bottom: 1px solid #888888;
	padding: 8px 0 5px 0;
	margin:0 0 8px 0;
}

#content_rechts h3{
	margin: 2px 0 0 0;
	padding: 15px 0 10px 0;
}

#content_rechts h4{
	border-bottom: 1px solid #888888;
	padding: 8px 0 5px 0;
	margin:0 0 8px 0;
}

#content_rechts p{
	margin: 0px 0 10px 0;
	padding:0;

}


/*
#rechter_rand{
	background:grey;
	clear:left;
	position:absolute;
	right:0;
	top:0;
}
*/



/********************************************* Gallery Preview *********************************************/


#gallery_preview{
	background:url("/media/img/design/gallery.png");
	position:absolute;
	right:0;
	top:0;
	width:223px;
	height:208px;
	display:block;
}

#gallery_preview a{
	display:block;
	width:223px;
	height:208px;
	text-decoration:none;
}

/********************************************* Bundeshuus & Footer *********************************************/


#bundeshaus{
	background:url("/media/img/design/bundeshaus.png") no-repeat right;
	width:230px;
	height:272px;
	position:fixed;
	right:0;
	bottom:0;
}

#bundeshaus a{
	display:block;
	width:230px;
	height:272px;
	text-decoration:none;
}

#footer{
	clear: both;
	position: relative;
	z-index: 10;

	margin-top: -3em;
	/*
background: blue;

	height: 3em;
	*/
	height: 0;

}
/********************************************* Gallery *********************************************/

ul.gallery{
	margin:0;
	padding:10px 0;
}


ul.gallery li{
	list-style: none;
	float:left;
	padding: 0 8px 8px 0;
	margin:0;
	display:normal;
}

.gallery_item{
	padding-bottom: 20px;
}

/********************************************* Table *********************************************/

table th{
	font-weight: normal;
	text-align: left;
	vertical-align: top;
	width: 150px;
}

/********************************************* Font *********************************************/

h1{
	font-size: 1.6em;
	/*text-transform: uppercase;*/
	margin:  0;
	padding: 4px 0 14px 0;
}
h2{
	margin:  0;
	padding:2px 0 6px 0;
	font-size: 1.4em;
}
h3{
	font-size: 1.2em;
}

h4{
	font-size: 1.1em;
}
h5{
	font-size: 1em;
	padding:0;
	margin:0;
}
p{
	line-height: 1.6em;
	margin:  10px 0;
	padding: 0px 0;
	font-size: 1em;
}
a img{
	border:none;
}

a{
	color: #35BD18;
	/*background: red;*/
	text-decoration:none;
}

a p{
	color: #222222;
}

a:hover{
	text-decoration: underline;
}

hr{
	color: #eee;
	margin: 20px 0;
	padding: 1px 0 0 0;
	line-height:0px;
}

form#newsletter{
	margin-top: -5px;
}


/*
ul.autor{
	font-size: 0.8em;
	padding:0 0 2px  0;
	margin:0;
	line-height:1em;
}


ul.autor li{
	float: left;
	border-left: solid #222222 1px;
	list-style: none;
	padding: 0 5px 0 5px;
}

ul.autor li:first-child{
	border-left:none;
	padding-left: 0;
}
*/




/********************************************* Andere Klassen *********************************************/

.clear{
	clear:both;
}

.hidden{
	visibility:hidden;
	height:1px;
	padding:0;
	margin:0;
	line-height:0;
}