/* Stylesheet G8 Proteste */
body {
background-image:url(/images/gipfelproteste/bg_g8site.gif);
background-color:#DADADA;
margin-top:0;
margin-bottom:0;
min-width:41em;
padding:0;
}

#surround {
width:770px;
text-align:left;
margin:auto;
padding:0 0 50px 0px;
}

#contentbereich {
background-color:#FFF;
border:10px solid #DADADA;
border-top:none;
/*background-image:url(/images/gipfelproteste/hggrau.gif);
background-position:top;
background-repeat:repeat-x;*/
}

#contentspalte {
width:480px;
float:left;
}

#contentspalte .content {
padding:20px 0 20px 20px;
}

#randspalte {
float:right;
width:245px;
}

#randspalte .content {
padding:20px 20px 20px 0;
}

#footer {
clear:both;
background-color:#FFF;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-transform:uppercase;
padding:6px 0 6px 20px;
}

img {
border:0;
display:block;
}

img.navi {
margin-bottom:5px;
}

a {
text-decoration:none;
color:#DF0404;
}

a:hover {
color:#DF0404;
text-decoration:none;
}

a.footer {
text-decoration:none;
color:#000;
font-weight:400;
font-size:11px;
}

a.mehr {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:400;
color:#DF0404;
background-image:url(/images/gipfelproteste/pfeil_artikel_mehr.gif);
background-repeat:no-repeat;
padding-left:15px;
text-transform:uppercase;
}

h1 {
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
color:#DF0404;
line-height:22px;
margin:2px 0 5px;
padding:0 0 5px;
}

h1.kategorie {
text-transform:uppercase;
color:#CCC;
}

h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:17px;
color:#000;
line-height:18px;
margin:4px 0;
}

h3 {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#000;
line-height:18px;
margin:4px 0;
}

p {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
margin:0 0 4px;
}

.topline {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:400;
text-transform:uppercase;
margin:0;
}

.artikel {
border-top:1px solid #DADADA;
clear:left;
margin:0 0 10px;
padding:10px 0 4px;
}

.top {
border:none !important;
}

#randspalte_navigation {
background-color:#FFF;
padding-bottom:16px;
}

.clear {
clear:both;
}

.bildimtext {
float:left;
margin:4px 10px 5px 0;
}

.bild_ohne_umfluss {
float:none;
margin:4px 10px 5px 0;
}


.formular fieldset {
border:0;
margin:25px 0 10px;
padding:10px 0;
}

.formular legend {
text-transform:uppercase;
color:#DF0404;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin:0px 0px 10px 0px;
padding:0px 2px 2px 0px;
}

.formular label {
margin:2px 0px 4px 0px;
width:20em;
display:block;
float:left;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

.formular input {
width:22em;
margin:0 0 6px;
border:1px solid #999999;
}
.formular input.emaileingabe {
width:100%;
}

.formular textarea {
width:22.5em;
margin:0 0 6px;
}

.formular .button {
font-family:Verdana, Arial, Helvetica, sans-serif;
background-color:#DADADA;
color:#000;
font-size:11px;
float:left;
width:10em;
margin-right:5px;
padding:2px 8px 2px 8px;
border:2px solid #DADADA;
text-transform:uppercase;
}

.formular .wide {
width:20em;
}

#navigation ul {
font-family:Verdana, Arial, Helvetica, sans-serif;
list-style-type:none;
margin:0px;
padding:0px;
}

#navigation li {
	margin:0px 0px 2px 0px;
	padding:0px;
	font-size:12px;
	line-height:15px;
}

#navigation li a {
	display:block;
	text-transform:uppercase;
	background-color:#DADADA;
	color:#000;
	text-decoration:none;
	margin:0px;
	padding:4px 5px 4px 8px;
	height:1%;
}

#navigation li a:hover {
background-color:#8D8D8D;
display:block;
text-transform:uppercase;
color:#FFF;
}

#navigation li a.hi,#navigation li a:active {
background-color:#DF0404;
display:block;
text-transform:uppercase;
color:#FFF;
}


/*------NEU VON HANNO ----------------------------------*/
.teaser {
font-family:Verdana, Arial, Helvetica, sans-serif;
background-color:#E9E9E9;
font-size:11px;
padding:5px 8px;
}

.teaser .header {
background-color:#DADADA;
text-transform:uppercase;
font-size:11px;
padding:5px;
}

.infotext {
background-color:#FFF;
color:#666666;
font-size:11px;
margin-top:20px;
margin-bottom:20px;
padding:0;
}

.termin {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
padding:2px 10px 2px 8px;
background-color:#DADADA;
}
.heute {
	background-color:#DF0404;
	color:#FFFFFF;
	}
h3 span.event {
	color:#333333;
	}
	
.terminueberschrift {
padding:10px 0 0;
}

.pagination {
border-top:1px solid #DADADA;
text-transform:uppercase;
padding:10px 0;
}

.pagination a {
color:#666;
background-color:#DADADA;
padding:1px 10px 2px;
}

.pagination a.hi {
font-weight:bold;
background-color:#DF0404;
color:#FFF;
}

a.topnews,h1.hi,h1.artikelseiten {
color:#DF0404;
}

.uebersichtsseiten,.artikelseiten {
color:#000;
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:1.2em;
line-height:1em;
font-weight:700;
text-transform:uppercase;
margin:0 30px 10px 0;
padding:0 5px 5px 0;
}

p.topnews,p.normal {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}

div.counter {
	width:80px;
	float:left;
	margin:3px 5px 5px 0px;
	background-color:#DF0404;
	color:#FFFFFF;
	}
.counter p {
	padding:5px;
	text-align:center;
	line-height:17px;
	}
.counter p .zahl {
	font-size:30px;
	line-height:32px;
	display:block;
	font-weight:bold;
	}