/*----------------------------------------------------------------------

Stylesheet zu www.verkehrslandeplatz-coburg.de
2006                   
*  *  *  *                              
Design: www.owmedia.de // 

DIE CSS-DEFINITIONEN SIND NACH CSS2 VALIDIERT UND FUER AKTUELLE
BROWSERVERSIONEN OPTIMIERT UND GETESTET.    

----------------------------------------------------------------------*/

/*---------------------------------------------------------------------- 
BASICS                            
----------------------------------------------------------------------*/
*  {margin: 0; padding: 0;}

body {
font-family:"Arial", Verdana, Helvetica, sans-serif;
color: #333;
background: #999 url(picture/bg.gif) repeat-y 0 0;
}

img { border: 0 none; }

div.clear {clear: both; height: 20px;}

hr {display: none;}

p.top {
text-align: right;
margin: 20px 0 8px 0;
}

/*---------------------------------------------------------------------- 
INTERIM                      
----------------------------------------------------------------------*/
/*div#VisualMODE {display: none;}*/

p.no_content {
font-size: 10px;
color: red;
margin: 20px 0 0 0;
}

/*---------------------------------------------------------------------- 
TYPOGRAPHIE & COLOURS                       
----------------------------------------------------------------------*/
div#content, 
div#content p, 
div#content .articleText,
.articleSummary {	
font-size: 11px;
line-height: 160%;
}

div#content p, 
div#content .articleText,
.articleSummary {	
font-size: 11px;
line-height: 160%;
margin: 0 0 16px 0;
}

div#content a {
font-size: 11px;
color: #333;
text-decoration: underline; 
}

div#content a:hover {color: #666;}

div#content td  {	
font-size: 11px;
padding: 1px 0;
vertical-align: middle;
}

div#content h1, 
div#content h1 a {
font-size: 16px;
margin: 0 0 12px 0;
color: #1E5DAC;
text-decoration: none; 
}

div#content h2, div#content h2 a, 
div#content h3, div#content h3 a  {
font-size: 14px;
margin: 0 0 6px 0;
color: #6899FF;
text-decoration: none; 
}

div#content h1 a:hover, 
div#content h2 a:hover {color: #000;}

div#content h4, div#content h4 a, 
div#content h5, div#content h5 a  {
font-size: 12px;
margin: 0 0 2px 0;
color: #333;
text-decoration: none; 
}

div#content p.readmore {margin: 2px 0 0 0;}
div#content p.readmore a {text-decoration: underline; color: #187F00; }
div#content p.readmore a:hover {color: #57AB44; }

/*---------------------------------------------------------------------- 
HEADER              
----------------------------------------------------------------------*/
div#header {
width: 780px;
background: url(picture/bg_header.gif) no-repeat top left;
position: relative;
height: 98px;
}

p#logo  {
position: absolute;
top: 0;
left: 14px;
}

div#header h2 {
position: absolute;
top: 6px;
right: 10px;
font-size: 15px;
color: #000;
}

div#header h3 {
position: absolute;
bottom: 12px;
left: 198px;
font-size: 14px;
color: #666;
font-weight: normal;
}

div#bilderleiste {
position: absolute;
top: 30px;
right: 70px;
}

div#bilderleiste img {
margin: 0 0 0 4px;
}

/*---------------------------------------------------------------------- 
LEFT                                   
----------------------------------------------------------------------*/
div#left {
width: 190px;
float: left;	
}

div#left h2 {
font-size: 11px;
color: #000;
font-weight: normal;
margin: 0 0 6px 0;
margin: 20px 12px 4px 12px;
} 

/*---------------------------------------------------------------------- 
CONTAINER - left   |   Formular-Suche + CONTAINER - left   |   Newsletter                                 
----------------------------------------------------------------------*/
form.formular, 
form.newsletter {
margin: 0 12px 12px 12px;
border: 0 none;
position: relative;
}

form.formular input, 
form.newsletter input {
position: absolute;
top:0;
right:0;
}

form.formular input#suchfeld, 
form.newsletter input#newsletter_email {
border: #999 1px solid;
font-size: 11px;
color: #666;
padding: 2px;
width: 140px;
position: absolute;
top:0;
left:0;
}


/*---------------------------------------------------------------------- 
CONTAINER - left   |   Navi            
----------------------------------------------------------------------*/
ul#navi, 
ul#navi ul {
list-style-type: none;
} 

ul#navi {
margin: 0 14px;
border-bottom: #fff 1px solid;
} 

ul#navi li {diplay: inline;} 

ul#navi li a {
display: block;
font-size: 11px;
color: #000;
text-decoration: none;
background: #B3B3B3;
padding: 6px;
border-top: #fff 1px solid;
} 

ul#navi li a.sub_active {
background: #6899FF;
color: #fff;
text-decoration: none;
} 

ul#navi li a:hover {
background: #6899FF;
text-decoration: underline;
} 

ul#navi ul li a {
border-top: 0 none;
background: #BFD3FD;
color: #000;
padding: 4px 2px 4px 20px;
text-decoration: none;
} 

ul#navi ul li a:hover {
background: #96B1FE;
} 

ul#navi ul li  a.sub_active {
border-top: 0 none;
background: #96B1FE;
color: #000;
} 

/*---------------------------------------------------------------------- 
CONTENT                            
----------------------------------------------------------------------*/
div#content {
width: 590px;
float: left;	
}

/*---------------------------------------------------------------------- 
INNER                            
----------------------------------------------------------------------*/
div#inner {
margin: 16px 20px 20px 20px;
}

/*---------------------------------------------------------------------- 
CONTENT - LISTENTRY                          
----------------------------------------------------------------------*/
div#content div.listEntry  {
margin: 0 0 20px 0;
}

div#content div.listEntry h1, 
div#content div.listEntry h1 a {
margin: 0 0 4px 0 !important;
}

/*div#content div.listEntry {
margin: 0 0 16px 0;
}

div#content div.listEntry h1, 
div#content div.listEntry h1 a {
font-size: 12px !important;
color: #333 !important;
margin: 0 0 4px 0 !important;
}

div#content div.listEntry h1 a:hover {
text-decoration: underline;
}*/

/*---------------------------------------------------------------------- 
CONTENT  |  Tabellen                   
----------------------------------------------------------------------*/
div#content table.ohne_linien  {
border-collapse: collapse;
}

div#content table.ohne_linien th,
div#content table.ohne_linien td  {
font-size: 11px;
padding: 4px 8px 4px 4px;
border: #fff 1px solid;
text-align: left;
}

div#content table.mit_linien  {
border-collapse: collapse;
}

div#content table.mit_linien th,
div#content table.mit_linien td  {
font-size: 11px;
padding: 4px 8px 4px 4px;
border: #ccc 1px solid;
text-align: left;
}

div#content table td.v11  {
width: 100%;
}


/*---------------------------------------------------------------------- 
CONTENT  |  LISTEN                   
----------------------------------------------------------------------*/
div#content ul, 
div#content ol {	
font-size: 11px;
line-height: 160%;
margin: 0 0 16px 16px;
}

/*---------------------------------------------------------------------- 
CONTENT  |   Text und Bild                      
----------------------------------------------------------------------*/
td.image_caption, td.imglistcaption  {
background-color: #E1EAE2;
font-size: 10px;
text-align: left; 
padding: 4px 4px 8px 8px;
vertical-align: top;
letter-spacing: 0.001em;
}

div#refcaptid203 {
background-color: #eee;
text-align: left; 
padding: 4px 8px;
display: block;
}

td.imagelisttd {}

td.image_td {
padding: 4px 0 0 0;
}

/*---------------------------------------------------------------------- 
CONTENT  |   CP Liste  -- Link & Email    
----------------------------------------------------------------------*/
p.linkEmail {}

/*---------------------------------------------------------------------- 
CONTENT  |   Dateiliste
----------------------------------------------------------------------*/
.v11 a {color: #333;}
.v11 a:hover {color: #666;}

/*---------------------------------------------------------------------- 
CONTENT  |   Bildergalerie
----------------------------------------------------------------------*/
td h3 {}

/*---------------------------------------------------------------------- 
CONTENT   |   Newsletter  (cnt12.article.inc.php)       
----------------------------------------------------------------------*/
div#content form.newsletter {
	margin: 30px 140px 0 0;
	text-align: right;
}

div#content form.newsletter p {
	font-size: 0.7em;
	margin: 3px 0 0 0;
	text-align: right;
}

div#content form.newsletter input { 
	width: 210px;
	border-right: #C3C3C3 1px solid;
	border-top: #999 1px solid;
	border-left: #C3C3C3 1px solid;
	border-bottom: #ddd 1px solid;
	font-size: 1em;
	color: #333;
}


div#content form.newsletter input.bt_abo {
	margin: 12px 0 0 230px;
	font-size: 0.7em;
	color: #333;
	border-left: #C3C3C3 1px solid;
	border-bottom: #999 1px solid;
	border-right: #C3C3C3 1px solid;
	border-top: #ddd 1px solid;
	background-color: #EEEFF0;
	padding: 1px 3px;
	width: 12em;
}

div#content p.formError {color: #CC0000;}

/*---------------------------------------------------------------------- 
CONTENT   |   Search                                 
----------------------------------------------------------------------*/
div.search_form  input { vertical-align: middle;}

div.search_form input.searchfield { 
	width: 14em;
	border-right: #C3C3C3 1px solid;
	border-top: #999 1px solid;
	border-left: #C3C3C3 1px solid;
	border-bottom: #ddd 1px solid;
	font-size: 11px;
	color: #333;
	margin: 0 4px 0 0;
}

/* Autor 2003-2004 Kristof Lipfert Duesseldorf  */
 html:first-child>b\ody div.search_form input.searchfield {
height: 18px;
}

p.introtext {
	color: #336699;
	font-size: 0.7em;
	margin: 10px 0;
}

p.fehlertext {
	font-size: 0.7em;
	color: #CC0000;
	margin: 10px 0;
}

div.search_result h3 a {
	color: #666;
	margin: 0; 
	padding:0;
}

div.search_result h3 a:hover {color: #333;}

div.search_result p {
	font-size: 0.7em;
	color: #333;
	margin: 10px 0  20px 0;
}

p.treffer {
	font-size: 0.7em;
	color: #FA4312;
	font-weight: bold;
	margin: 20px 0 0 0;
}

/*---------------------------------------------------------------------- 
MAINBLOCK - Formular (cnt23.article.inc.php)                     
----------------------------------------------------------------------*/
td.formLabel,
td.formLabelRequired {
font-size: 11px;
width: 200px;
padding: 4px 0;
}

div#content form input, 
div#content form textarea, 
div#content form select {
border: #999 1px solid;
font-size: 11px;
}

div#content form textarea {
padding: 2px;
margin: 0 90px 0 0;
width: 300px;
height: 100px;
overflow: hidden;
color: #333;
}

div#content form input {
width: 300px;
color: #333;
padding: 2px;
}

div#content  form input#Absenden {
margin: 16px 0 0 0;
background: #fff;
width: 130px;
}

div#content  p.emailfehler {	
margin: -10px 0 0 0;
text-align: left;
color: #CC0000;
}