/* Thank you for looking at our CSS - we hope you will get inspired! (c) online1.ch */
/* Allgemeine Tags */
html { height: 100%;}
body { height: 100%; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11pt; margin: 0px 0px 0px 0px; 
padding: 0px 0px 0px 0px; line-height:18px; background-color: #f4b54e;}
ul {line-height:20px;}
p {margin:0px 0px 0px 0px;}
br {line-height:14px;}
h1 { font-size: 24px; font-weight: bold; color: #ff8200; line-height:26px; margin:0px 0px 0px 0px; padding:20px 0px 8px 0px}
h2 {font-size:18px; color:#ff8200; margin:0px 0px 6px 0px; font-weight: bold;}
h3 {font-size:14px;color:#222222; margin:0px;}
/* Links im Inhaltsteil */
a:link, a:visited, a:active, a:hover { text-decoration:none; font-weight:bold; color: #ff8200;}
a:active, a:hover { text-decoration:underline; }

/* Header */
.logo {float:left; margin:19px 30px 10px 30px;}
#head {float:left; height:100px; width:100%; background-image:url(_img/z-bg-top.jpg); background-repeat:repeat-x;}
#slogan {float:left; width:400px; height:auto; text-align:center; margin:15px 0px 0px 0px; line-height:22px;}
.telnr { font-size: 24px; font-weight: bold; color: #ff8200; line-height:26px;}
.telsymb {font-size: 32px; color:#000000; line-height:40px;}

#topnav { clear:both; border:0px solid black;width:auto; height:26px; border-top:2px solid #000; border-bottom:2px solid #000;
color: #dd0077;  font-weight: bold; padding:0px 0px 0px 36px; font-size:15px; line-height:29px; 
background-image:url(_img/z-bg-topnav.jpg); background-repeat:repeat-x; text-align:left;}
a.tpnav, a.tpnav:visited, a.tpnav:link {color: #000; font-weight: bold; text-decoration: none; 
margin:0px 0px 0px 0px; padding:6px 23px 6px 0px;}
a.tpnav:hover, a.tpnav:active {color: #d50073; text-decoration: none; padding:6px 23px 6px 0px;}

/* Navigation links */
#nav {border:2px solid #000; border-top:0px; float:left; width:170px; height:345px; margin:0px 50px 0px 0px; 
background-image:url(_img/z-bg-nav.jpg); background-repeat:no-repeat; padding:25px 10px 20px 10px;}
.navbr { line-height:12px;}
a.menu { display:block; width:144px; height:13px; padding:6px 0px 8px 22px; text-decoration:none;
margin: 3px 0px 0px 0px; font-size: 11pt; line-height:14px; font-weight:bold;}
a.menu:visited, a.menu:link { color:#000000;}
a.menu:hover, a.menu:active { color:#000; background-color: #fefefe; border:2px solid #333; padding:4px 0px 6px 20px;}

a.menu2 { display:block; width:144px; height:26px; padding:6px 0px 8px 22px; text-decoration:none;
margin: 3px 0px 6px 0px; line-height:14px; font-weight:normal; font-size:12px;}
a.menu2:visited, a.menu2:link { color:#000000;}
a.menu2:hover, a.menu2:active { color:#000; background-color: #fefefe; border:2px solid #333; padding:4px 0px 6px 20px;}



/* ColContentBoxes */
#news {border:1px solid #000; float:left; width:136px; height:90px; margin:10px 0px 0px 10px; 
 padding:6px; background-image:url(_img/z-bg-news.jpg);}
a.new, a.new:visited, a.new:link {color: #000; font-weight: bold; text-decoration: none;}
a.new:hover, a.new:active {color: #d50073;}
#oeffndx{border:2px solid #ff8200; padding:4px 4px 4px 12px; font-size:12px;
width:290px; height:auto; background-image:url(_img/z-bg-news.jpg); margin:12px 0px 12px 0px;}

#orangebox {
	border:2px solid #ff8200; width:200px; 	height:auto;
	margin:20px 0px 0px 0px; padding:8px;
	background-color: #FBE3BD;
	text-align:center; float:right;}
	
#orangenews {
	border:2px solid #ff8200; width:auto; 	height:auto;
	margin:0px 0px 0px 0px; padding:16px 8px 16px 16px;
	background-color: #FBE3BD; z-index:1; position: relative;}
	
	#orangenews2 {
	border:2px solid #ff8200; width:auto; 	height:auto;
	margin:0px 0px 0px 0px; padding:16px 8px 16px 16px;
	background-color: #FBE3BD; z-index:1; position: relative;}

#bluenews {
	border:2px solid #3366FF; width:auto; 	height:auto;
	margin:28px 0px 0px 0px; padding:16px 8px 16px 16px;
	background-color: #E8E8FF; z-index:1; position: relative;}	
#bluenews h1{ color: #000099; margin:0px; padding:10px 0px 0px 0px; line-height:12px;}

#content{border:0px solid green; width:auto; height:auto; padding:0px; background-color:#fff;}
#inner{border:0px solid red; margin:0px 0px 0px 0px; width:580px; height:auto; background-color:#fff;} 

/* Bild im Inhalt rechts/links */
.img-left {float:left; margin:0px 26px 0px 0px; border: 0px solid #222222;}
.img-right {float:right; margin:0px 0px 0px 26px; border: 0px solid #222222;}
.kontakt-img { float:left; margin:0px 40px 20px 0px; border: 0px solid #222222;}
.divid { clear:both; width:100%; height:4px; margin:20px 0px 16px 0px;}

.s9 { font-size:9px;}
.s10 { font-size:10px;}
.s11 { font-size:11px;}
.s12 { font-size:12px;}
.s13 { font-size:14px;} /* nach oben - linkpfeil */
.weiss { color:#FFFFFF;}
a.weiss:visited, a.menu:link { color:#000;}
a.weiss:hover, a.menu:active { color:#ff8200;}

/* index-page */
#slog { position:relative; top:40px; left:-108px; text-align:center; width:204px; border:0px solid black;
padding:4px 0px 4px 0px; font-size:14px; font-weight:bold;
background-color:#fff; color:#000;}
#indx { border:0px solid red; background-image:url(_img/titel.jpg); background-position:0px 0px; background-repeat:no-repeat;}
 
/* Footer */
#foot { clear:both; width:100%; height:54px; color:#444444; font-size:11px; margin-top:0px; background-image:url(_img/z-bg-top.jpg);
background-repeat:repeat-x; border-top:2px solid #000;}
#footin { border-top:0px solid #cccccc; padding:4px; margin-left:200px; width:60%; text-align:center; float:left}
a.ft:link, a.ft:visited, a.ft:active, a.ft:hover {color: #444444; text-decoration:none; font-weight:normal; font-size:11px;}
#webdesign { float:right; margin-right:12px;}
a.cr:link, a.cr:visited, a.cr:active, a.cr:hover {color: #FF9933; text-decoration:none; font-size:8px;}
a.cr:active, a.cr:hover {color:#222222;background-color:#eeeeee;}

.nachob { float:right; font-size:10px; clear:both; margin-bottom:10px;}