/* 
CSS Document

[ahrens, kind GbR] 
Stylesheet: Screen
Version: 27/03/08
Änderung: ---
Autor: Andreas Horath, ANDHORA-Design, 2008
Website: http://www.ahrens-kind.de/

*/


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

body {
background-color:#E0E0E0;
background-image:url(../upload/layout/background_main.png);
background-position:top left;
background-repeat: repeat-x;
}

ul {
list-style-type: circle;
margin-left:15px;
}

#container { 
font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size : 13px;
color : #000;
position : relative;
margin : 28px auto 0;
padding: 0;
width : 920px;
background-image:url(../upload/layout/background_container.png);
background-position:top left;
background-repeat: repeat-x;
border-bottom:1px solid #C8C8C8;
border-left:1px solid #C8C8C8;
border-right:1px solid #C8C8C8;
}

#main { 
position : absolute;
left : 0px;
top : 0;
width : 920px;
z-index:20;
} 

#clear { 
   clear: both;
} 

IMG {
border:none;
margin : 0;
padding : 0;
}


.bild_rechts {
margin: 3px 0 3px 8px;
float:right;
}

.bild_links {
margin: 3px 8px 3px 0;
float:left;
}


* -------------------- Text-Links -------------------- */


A { 
text-decoration: none;
color: #69ACD9;
}  

A:link { 
text-decoration: none;
color: #69ACD9;
} 

A:visited { 
text-decoration: none;
color: #69ACD9;
} 

A:hover { 
text-decoration: underline;
color: #69ACD9;
} 

A:active { 
text-decoration: none;
color: #69ACD9;
} 

A:focus { 
text-decoration: none;
color: #69ACD9;
} 


/* -------------------- Kopfzeile mit Logo -------------------- */
#header {
position: relative;
background-image:url(../upload/layout/background_header.png);
background-position:top left;
background-repeat: repeat-x;
width:920px;
height:66px;
left: 0px;
border-left:1px solid #C8C8C8;
border-right:1px solid #C8C8C8;
} 

/* -------------------- Logo -------------------- */
#logo {
position:absolute;
margin-left: 19px;
margin-top:15px;
z-index:100;
}




/* -------------------- Illustration mit Flash-Elementen -------------------- */
#illustration {
	width: 920px;
	height: 153px;
	background-image:url(../upload/layout/background_illustration.png);
	background-position:top left;
	background-repeat:repeat-x;
border-left:1px solid #C8C8C8;
border-right:1px solid #C8C8C8;
}



/* -------------------- Inhaltsbereich mit Navigation und Inhalt -------------------- */
#inhaltsbereich { 
	width: 920px;
background-image: url(../upload/layout/paper_background.jpg);
background-position:top left;
border-left:1px solid #C8C8C8;
border-right:1px solid #C8C8C8;
} 


/* -------------------- Inhaltsbereich (inkl. Text und Überschrift) -------------------- */
#inhalt {
width:663px;
float:right;
margin: 0 25px 25px 0;
} 

/* --- Nur fuer IE-Windows zu sehen --- */
* html #inhalt {
margin: 0 12px 25px 0;
}

#inhalt_mit_infobox {
width:430px;
float:left;
margin-bottom: 25px;
} 


/* -------------------- Texte -------------------- */
#text {
font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size : 13px;
color : #000;
line-height: 17px;
} 


#text a:link, #text a:active, #text a:visited {
text-decoration: none;
color: #69ACD9;
}

#text a:hover, #text a:focus {
text-decoration: underline;
color: #69ACD9;
}

#text2 {
font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size : 13px;
color : #000;
line-height: 17px;
width:280px;
float: left;
} 


#text2 a:link, #text2 a:active, #text2 a:visited {
text-decoration: none;
color: #69ACD9;
}

#text2 a:hover, #text a:focus {
text-decoration: underline;
color: #69ACD9;
}


/* -------------------- Überschriften -------------------- */
h1 {
color: #69ACD9;
font-weight:700;
font-size : 22px;
padding: 25px 0 5px 0;
} 

h2 {
color: #000;
font-weight:700;
font-size : 11pt;
padding:5px 0;
} 

h5 {
color: #000;
font-weight:700;
font-size : 15px;
padding: 0 15px 15px 50px;
} 


/* -------------------- Footer mit Adresse und Copyright -------------------- */
#footer {
width:920px;
background-image:url(../upload/layout/background_footer.png);
background-position:top left; 
background-repeat: repeat-x;
height:45px;
border-left:1px solid #C8C8C8;
border-right:1px solid #C8C8C8;
border-bottom:1px solid #C8C8C8;
} 

/* -------------------- Adresse -------------------- */
address {
font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 11px;
color: #7C7C7C;
font-style:normal;
width: 688px;
margin:0 0 0 230px;
padding:8px 0 0 0;
}

address a:link, a:visited, a:active { 
color: #7C7C7C;
text-decoration: none; 
}

address a:hover { 
color: #7C7C7C;
text-decoration : underline;
} 

/* -------------------- Copyright -------------------- */
#copyright {
font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 10px;
color: #8B8B8B;
text-align: right;
width: 880x;
padding-top:18px;
margin-right:30px;
}

#copyright a:link,#copyright a:visited,#copyright a:active { 
color: #8B8B8B;
text-decoration: none; 
}

#copyright a:hover { 
color: #8B8B8B;
text-decoration : underline;
} 



/* -------------------- Marginalspalte allgemein-------------------- */
#marginalspalte {
width: 200px;
margin: 30px 35px 0 0;
float:right;
} 

/* --- Nur fuer IE-Windows zu sehen --- */
* html #marginalspalte {
margin: 30px 15px 0 0;
}


/* -------------------- Infobox -------------------- */


#infobox1_headline {
font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:14px; 
color:#000;
font-weight:bold;
text-transform:uppercase;
width:190px;
height: 38px;
background-image:url(../upload/layout/background_infobox_headline.png);
background-position: top left; 
background-repeat:no-repeat;
background-color:#E7E7E7;
border-top: 1px solid #C8C8C8;
border-left: 1px solid #C8C8C8;
border-right: 1px solid #C8C8C8;
padding: 6px 0 0 10px;
}


#infobox1_text {
font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:12px; 
color:#000;	
line-height: 20px;
width:180px;
padding: 0 10px 10px 10px;
background-color:#E7E7E7;
border-bottom: 1px solid #C8C8C8;
border-left: 1px solid #C8C8C8;
border-right: 1px solid #C8C8C8;
}


#infobox_text1 a:link, #infobox_text1 a:visited, #infobox_text1 a:active {
	text-decoration: underline; 
	color: #69ACD9;
}

#infobox_text1 a:hover {
	text-decoration: none; 
	color: #69ACD9;
}


/* -------------------- Flash -------------------- */
#flash { 
width:556px;
height: 61px;
float:right;
margin: 0 31px 0 0;
} 

/* --- Nur fuer IE-Windows zu sehen --- */
* html #flash {
margin: 0 15px 0 0;
}



/* -------------------- Locationstring -------------------- */
#locationstring {
	margin:26px 0 0 0;
	font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #7C7C7C;
}

#locationstring a:link, #locationstring a:active, #locationstring a:visited {
	text-decoration:none;
	color:#7C7C7C;
}

#locationstring a:hover {
	text-decoration:underline;
	color:#7C7C7C;
}



/* -------------------- Artikelliste -------------------- */

#artikelliste_headline {
text-decoration:none;
font-weight:bold;
color: #9C2F19;
padding:5px 0 3px 0;
}

#artikelliste_headline a:link, #artikelliste_headline a:focus, #artikelliste_headline a:active, #artikelliste_headline a:visited {
text-decoration: none;
color: #9C2F19;
}

#artikelliste_headline a:hover {
text-decoration: underline;
color: #9C2F19;
}

#artikelliste_thumbnail {
float:left; 
padding: 0 5px 0 0;
}


#artikelliste_text {
font-size:13px;
color: #777777;
}

#artikelliste_text a:link, #artikelliste_text a:focus, #artikelliste_text a:active, #artikelliste_text a:visited {
text-decoration: none;
color: #777777;
}

#artikelliste_text a:hover {
text-decoration: underline;
color: #777777;
}

/* -------------------- Artikelblättern -------------------- */

#artikelblaettern {
font-size:11px;
text-decoration:none;
color: #9C2F19;
padding:5px 0 3px 0;
}

#artikelblaettern a:link, #artikelblaettern a:focus, #artikelblaettern a:active, #artikelblaettern  a:visited {
text-decoration: none;
color: #9C2F19;
}

#artikelblaettern  a:hover {
text-decoration: underline;
color: #9C2F19;
}



/* -------------------- Formulare -------------------- */

input { 


} 

textarea { 


} 


input#submit {
font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size : 11px;
color : #777777;

background-color:#fff;
cursor: pointer;
}









/* -------------------- Navigationsebenen -------------------- */
#navigationsebene_1 {
position: relative;
background-color:#000;
width:920px;
height:34px;
border-left:1px solid #C8C8C8;
border-right:1px solid #C8C8C8;
} 


#navigationsebene_2 {
width:230px;
float: left;
margin-top: 16px;
} 


/* -------------------- Hauptnavigation -------------------- */

#navigation {
font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size : 14px;
font-weight : normal;
margin-left: 30px;
}



#navigation a:link, #navigation a:visited, #navigation a:hover, #navigation a:active { 
font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
text-decoration : none;
font-weight : normal;
display : block;
} 



/* -------------------- Hauptnavigation EBENE 1 -------------------- */


#nav_first_off { 
color : #fff;
text-transform:uppercase;
text-align: center;
width: 100px;
height: 25px;
display : block;
background-image:url(../upload/layout/background_navigation_ebene1_inaktiv.png);
background-position: top left; 
background-repeat:repeat-x;
border-top: 1px solid #757575;
border-bottom: 1px solid #000;
float: left;
margin: 6px 1px 0 1px;
} 


#nav_first_off  a:link, #nav_first_off a:visited, #nav_first_off a:active { 
font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
color : #fff;
text-decoration : none;
font-weight : normal;
width: 100px;
display : block;
float: left;
padding-top: 5px; 
} 

/* --- Nur fuer IE-Windows zu sehen --- */
* html #nav_first_off  a:link, #nav_first_off a:visited, #nav_first_off a:active {
	width: 100px;
}


#nav_first_off  a:hover { 
font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
color : #fff;
text-decoration : none;
font-weight : bold;
width: 100px;
display : block;
float: left;
} 

#nav_first_on { 
font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
color : #000;
text-decoration : none;
font-weight : bold;
text-transform:uppercase;
text-align: center;
background-image:url(../upload/layout/background_navigation_ebene1_aktiv.png);
background-position: top left; 
background-repeat:repeat-x;
width: 100px;
height: 26px;
display : block;
border: 1px solid #fff;
float: left;
margin: 6px 1px 0 1px;
} 

#nav_first_on a:link, #nav_first_on a:visited, #nav_first_on a:active { 
font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
color : #000;
text-decoration : none;
font-weight : bold;
width: 100px;
display : block;
background-image:url(../upload/layout/background_navigation_ebene1_aktiv.png);
background-position: top left; 
background-repeat:repeat-x;
float: left;
padding-top: 5px;
} 

#nav_first_on a:hover { 
font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
color : #000;
text-decoration : none;
font-weight : bold;
width: 100px;
display : block;
background-image:url(../upload/layout/background_navigation_ebene1_aktiv.png);
background-position: top left; 
background-repeat:repeat-x;
float: left;
} 

#nav_first_open { 
font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
color : #000;
text-decoration : none;
font-weight : bold;
text-transform:uppercase;
text-align: center;
background-image:url(../upload/layout/background_navigation_ebene1_aktiv.png);
background-position: top left; 
background-repeat:repeat-x;
width: 100px;
height: 26px;
display : block;
border: 1px solid #fff;
float: left;
margin: 6px 1px 0 1px;
} 

#nav_first_open a:link, #nav_first_open a:visited, #nav_first_open a:active { 
font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
color : #000;
text-decoration : none;
font-weight : bold;
width: 100px;
display : block;
background-image:url(../upload/layout/background_navigation_ebene1_aktiv.png);
background-position: top left; 
background-repeat:repeat-x;
float: left;
padding-top: 5px;
} 

#nav_first_open a:hover { 
font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
color : #000;
text-decoration : none;
font-weight : bold;
width: 100px;
display : block;
background-image:url(../upload/layout/background_navigation_ebene1_aktiv.png);
background-position: top left;
background-repeat:repeat-x;
float: left;
} 

/* -------------------- Hauptnavigation EBENE 2 -------------------- */

#nav_second_off { 
text-transform:uppercase;
padding: 0 0 0 17px;
margin: 10px 0;
color : #000;
} 

#nav_second_off  a:link, #nav_second_off a:visited, #nav_second_off a:active { 
font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
color : #000;
text-decoration : none;
font-weight : normal;
display : block;
} 

#nav_second_off  a:hover { 
font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
color : #000;
text-decoration : none;
font-weight : bold;
display : block;
} 

#nav_second_on { 
font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
color : #000;
text-decoration : none;
font-weight : bold;
text-transform:uppercase;
display : block;
border-left: 7px solid #6AADDA;
padding: 0 0 0 10px;
margin: 10px 0;
} 

#nav_second_on a:link, #nav_second_on a:visited, #nav_second_on a:active { 
font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
color : #000;
text-decoration : none;
font-weight : bold;
display : block;
} 

#nav_second_on a:hover { 
font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
color : #000;
text-decoration : none;
font-weight : bold;
display : block;
} 

#nav_second_open { 
font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
color : #000;
text-decoration : none;
font-weight : bold;
text-transform:uppercase;
display : block;
border-left: 7px solid #6AADDA;
} 

#nav_second_open a:link, #nav_second_open a:visited, #nav_second_open a:active { 
font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
color : #000;
text-decoration : none;
font-weight : bold;
display : block;
} 

#nav_second_open a:hover { 
font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
color : #000;
text-decoration : none;
font-weight : bold;
display : block;
} 

/* -------------------- Formatierung Kontaktseite -------------------- */

#kontaktbox_1 {
width:270px;
height:475px;
background-image:url(../upload/layout/background_kontaktbox_headline.png);
background-position: top right; 
background-repeat:no-repeat;
background-color:#E7E7E7;
border: 1px solid #C8C8C8;
margin: 25px 21px 25px 31px;
float:left;
}

/* --- Nur fuer IE-Windows zu sehen --- */
* html #kontaktbox_1 {
margin: 25px 21px 25px 15px;
height:480px;
}

#headline_kontaktbox_01 {
font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:14px; 
color:#000;
font-weight:bold;
text-transform:uppercase;
padding: 6px 10px 0 10px;
}

#text_kontaktbox_01 {
font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:13px; 
color:#000;	
line-height: 20px;
padding: 10px;
}

#text_kontaktbox_01 a:link, #text_kontaktbox_01 a:active, #text_kontaktbox_01 a:visited {
text-decoration: none;
color: #69ACD9;
}

#text_kontaktbox_01 a:hover, #text a:focus {
text-decoration: underline;
color: #69ACD9;
}

#kontaktbox_2 {
width:270px;
height:475px;
background-image:url(../upload/layout/background_kontaktbox_headline.png);
background-position: top right; 
background-repeat:no-repeat;
background-color:#E7E7E7;
border: 1px solid #C8C8C8;
margin: 25px 0;
float: left;
}

/* --- Nur fuer IE-Windows zu sehen --- */
* html #kontaktbox_2 {
height:480px;
}


#headline_kontaktbox_02 {
font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:14px; 
color:#000;
font-weight:bold;
text-transform:uppercase;
padding: 6px 10px 0 10px;
}

#text_kontaktbox_02 {
font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:13px; 
color:#000;	
line-height: 20px;
padding: 10px;
}

#kontaktbox_3 {
width:270px;
height:475px;
background-image:url(../upload/layout/background_kontaktbox_headline.png);
background-position: top right; 
background-repeat:no-repeat;
background-color:#E7E7E7;
border: 1px solid #C8C8C8;
margin: 25px 31px 25px 0;
float: right;
}

/* --- Nur fuer IE-Windows zu sehen --- */
* html #kontaktbox_3 {
margin: 25px 15px 25px 0;
height:480px;
}

#headline_kontaktbox_03 {
font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:14px; 
color:#000;
font-weight:bold;
text-transform:uppercase;
padding: 6px 10px 0 10px;
}

#text_kontaktbox_03 {
font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:13px; 
color:#000;	
line-height: 20px;
padding: 10px;
}


/* -------------------- Kontaktformular-------------------- */

#kontaktformular {

}

h4 { 
font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size : 16px;
color : #485818;
margin : 5px 0;
} 

#kontaktformular input {
font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #69ACD9;
	font-size:12px;
	border:1px solid #B4B4B4; 
	background:#fff;
	padding: 2px 0 0 5px;
	margin: 2px 0 5px 0;
}

#kontaktformular input:focus {
	border-color:#69ACD9;
}

#kontaktformular textarea {
font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #69ACD9;
	font-size:12px;
	border:1px solid #B4B4B4; 
	background:#fff;
	padding: 2px 0 0 5px;
	margin: 2px 0 5px 0;
}
#kontaktformular textarea:focus {
	border-color:#69ACD9;
}

#kontaktformular submit {
	width:250px; 
	background:#C81B1F; 
	border:1px solid #fff; 
	color:#fff; 
	cursor:pointer; 
	padding:0; 
	margin:0;
}

/* -------------------- Formatierung Impressum -------------------- */

#impressum_1 {
width:270px;
background-color:#E7E7E7;
border: 1px solid #C8C8C8;
margin: 25px 21px 25px 31px;
float:left;
}

/* --- Nur fuer IE-Windows zu sehen --- */
* html #impressum_1 {
margin: 25px 21px 25px 15px;
}


#impressum_2 {
width:270px;
background-color:#E7E7E7;
border: 1px solid #C8C8C8;
margin: 25px 0;
float: left;
}

#impressum_3 {
width:270px;
background-color:#E7E7E7;
border: 1px solid #C8C8C8;
margin: 25px 31px 25px 0;
float: right;
}

/* --- Nur fuer IE-Windows zu sehen --- */
* html #impressum_3 {
margin: 25px 15px 25px 0;
}

#text_impressum {
font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:13px; 
color:#000;	
padding: 10px;
/* text-align: justify; */
}

#text_impressum a:link, #text_impressum a:active, #text_impressum a:visited {
text-decoration: none;
color: #69ACD9;
}

#text_impressum a:hover, #text_impressum a:focus {
text-decoration: underline;
color: #69ACD9;
}