/* 
	Description: CSS Style Creativ-Werbung-Gera
	Author: Philipp Zurawski
	Author URI: http://www.creativ-werbung-gera.de/
	Version: 1.0
	
	Changelog:
		v1.0 - 12.01.10
		Erstes Release
*/

body {
	background: #fff;
	color: #444;
	font-size: 12px;
	font-family: Verdana, Arial, Tahoma;
	margin:0 auto 0;
	padding:0;
}

/*************************************************************
*HYPERLINKS*
*************************************************************/

a, a:visited {
	color: #EDB327;
	text-decoration: none;
	}
	
a:hover {
	color: #AC8015;
	text-decoration: underline;
	}
	
a img {
	border: none;
	}
	
img {
	margin: 4px;
	
	}

/*************************************************************
*HEADER*
*************************************************************/

#header {
	margin: 0px auto 0px;
	padding: 0px;
	width: 1024px;
	height: 215px;
}


.banner {
	background: url(img/header.gif) no-repeat;
	width:892px;
	height:133px;
	float:left;
	margin-top:20px;
	}	
	

.schrift {
	background: url(img/schrift.gif) no-repeat;
	width:892px;
	height:62px;
	float:left;
	border:none;
	}
	
/*************************************************************
*PAGE*
*************************************************************/

#page {
	width: 1024px;
	margin: 0px auto 0px;
	padding: 0px;
}

/*************************************************************
*SIDEBAR*
*************************************************************/

#sidebar {
	margin-top:30px;
	padding: 0px;
	width: 207px;
	height: auto;
	float: left;	
}

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

#liste1 li {
	foat: left;
	list-style: none;
	margin: 10px auto 10px;
	padding: 0px;	
	}
	
#liste1 ul li {
	list-style: none;
	margin: 15px auto 15px;
	padding: 0px;
	}

#liste1 li a, #liste1 li a:link, #liste1 li a:visited {
	background: #BCBDC0 url(img/sidebar.gif) no-repeat; 
	color: #000;
	height:17px;
	width:195px;
	display: block;
	text-align:center;
    font-weight: bold;
    margin: 0px;
	padding-top: 4px;
	font-family: Papyrus, Lucida Sans Unicode, Geneva, sans-serif;
	}
	
#liste1 li a:hover, #liste1 li a:active {
	background: #EDB327 url(img/sidebar-aktiv.gif) no-repeat;
	color: #000;
	height:17px;
	width:195px;
	display: block;
	text-align:center;
	text-decoration: none;
    margin: 0px;
	padding-top: 4px;
	font-family: Papyrus, Lucida Sans Unicode, Geneva, sans-serif;
	}
	
/*Liste2*/

#liste2 ul{
	list-style: none;
	margin-top: 50%; //125px;
	padding: 0px;
	}

#liste2 li {
	foat: left;
	list-style: none;
	margin: 10px auto 10px;
	padding: 0px;	
	}
	
#liste2 ul li {
	list-style: none;
	margin: 15px auto 15px;
	padding: 0px;
	}

#liste2 li a, #liste2 li a:link, #liste2 li a:visited {
	background: #BCBDC0 url(img/sidebar2.gif) no-repeat; 
	color: #000;
	height:17px;
	width:195px;
	display: block;
	text-align:center;
    font-weight: bold;
    margin: 0px;
	padding-top: 4px;
	font-family: Papyrus, Lucida Sans Unicode, Geneva, sans-serif;
	}
	
#liste2 li a:hover, #liste2 li a:active {
	background: #EDB327 url(img/sidebar2-aktiv.gif) no-repeat;
	color: #000;
	height:17px;
	width:195px;
	display: block;
	text-align:center;
	text-decoration: none;
    margin: 0px;
	padding-top: 4px;
	font-family: Papyrus, Lucida Sans Unicode, Geneva, sans-serif;
	}
/*Liste3*/

#liste3 ul{
	list-style: none;
	margin-top: 50%; //125px;
	padding: 0px;
	}

#liste3 li {
	foat: left;
	list-style: none;
	margin: 10px auto 10px;
	padding: 0px;	
	}
	
#liste3 ul li {
	list-style: none;
	margin: 15px auto 15px;
	padding: 0px;
	}

#liste3 li a, #liste3 li a:link, #liste3 li a:visited {
	background: #fff no-repeat; 
	border: #BCBDC0 solid 1px;
	color: #000;
	height:17px;
	width:195px;
	display: block;
	text-align:center;
    font-weight: bold;
    margin: 0px;
	padding-top: 4px;
	font-family: Papyrus, Lucida Sans Unicode, Geneva, sans-serif;
	}
	
#liste3 li a:hover, #liste3 li a:active {
	background: #EDB327 url(img/sidebar2.gif) no-repeat;
	color: #000;
	height:17px;
	width:195px;
	display: block;
	text-align:center;
	text-decoration: none;
    margin: 0px;
	padding-top: 4px;
	font-family: Papyrus, Lucida Sans Unicode, Geneva, sans-serif;
	}


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

#content {
	margin-top:30px;
	padding:0px;
	width: 684px;
	height: auto;
	float: left;	
	
}

/*************************************************************
*Inhalt*
*************************************************************/

#inhalt {
	background: #fff repeat-y;
	padding:8px;	
}

h1 {
	color: #EDB327;
	font-size: 20px;
	border-left:2px solid #EDB327;	
	margin: 0px;
	padding-left:10px;
}

h2 {
	color: #EDB327;
	font-size: 18px;
	border-left:2px #EDB327 solid;	
	padding-left:12px;
}

h3 {
	color: #EDB327;
	font-size: 16px;
	border-left:2px #EDB327 solid;	
	padding-left:13px;
}
h4 {
	color: #EDB327;
	font-size: 14px;
	border-left:2px #EDB327 solid;	
	padding-left:14px;
	margin-bottom:1px;
}
h5 {
	color: #EDB327;
	font-size: 12px;
	border-left:2px #EDB327 solid;	
	padding-left:15px;
}

/*************************************************************
*Footer*
*************************************************************/

#footer {
	width:1024px;
	margin: 15px auto 0px;
	padding: 0px;
	}

.footer-bg {
	background: #000;
	width:892px;
	height:28px;
	}
	
.footer-schrift {
	padding-top:8px;
	color: #EDB327;
	font-size: 10px;
	text-align:center;
	}

/*************************************************************
*Kontaktformular*
*************************************************************/

.kontaktform {
		float:left; 
	text-align:left; 
	width:250px; 
	margin-right:8px; 
	margin-left: 10px;
	font-weight:bold;
	color: #000;
	}	
	
#eingabefeld {
	color:#000;
	font-size:12px;
	background-color: #EFEFEF;
	border:1px solid #333;
	margin-top:2px;
	margin-bottom:2px;
	height:15px;
	width:200px;
	padding:3px;
	}

#textarea {
	color:#000;
	font-size:12px;
	background-color: #EFEFEF;
	border:1px solid #333;
	margin-top:2px;
	margin-bottom:2px;
	height:60px;
	width:200px;
	padding:3px;
	}

#button  {
	background-color: #BCBDC0;
	color:#000;
	width: 200px;
	height: 30px;
	text-weight:bold;
	}

#koenig{
	width:300px;
	float:left;
  	background-repeat:no-repeat;
	background-image:url(img/referenzen/test1sw.jpg);
}

#koenig:hover{
	background-repeat:no-repeat;
	background-image:url(img/referenzen/test1bt.jpg);
	width:300px;
}

#tophair{
	width:300px;
	float:left;
  	background-repeat:no-repeat;
	background-image:url(img/referenzen/flyer-tophair-grau.jpg);
}

#tophair:hover{
	background-repeat:no-repeat;
	background-image:url(img/referenzen/flyer-tophair-bunt.jpg);
	width:300px;
}

#tophair2{
	width:300px;
	float:left;
  	background-repeat:no-repeat;
	background-image:url(img/referenzen/flyer2-tophair-grau.jpg);
}

#tophair2:hover{
	background-repeat:no-repeat;
	background-image:url(img/referenzen/flyer2-tophair-bunt.jpg);
	width:300px;
}

#lamka{
	width:200px;
	float:left;
  	background-repeat:no-repeat;
	background-image:url(img/referenzen/vk-lamka-grau.jpg);
}

#lamka:hover{
	background-repeat:no-repeat;
	background-image:url(img/referenzen/vk-lamka-bunt.jpg);
	width:200px;
}

#enno{
	width:200px;
	float:left;
  	background-repeat:no-repeat;
	background-image:url(img/referenzen/vk-enno-grau.jpg);
}

#enno:hover{
	background-repeat:no-repeat;
	background-image:url(img/referenzen/vk-enno-bunt.jpg);
	width:200px;
}

#salathexen{
	width:250px;
	float:left;
  	background-repeat:no-repeat;
	background-image:url(img/referenzen/flyer-salathexen-grau.jpg);
}

#salathexen:hover{
	background-repeat:no-repeat;
	background-image:url(img/referenzen/flyer-salathexen-bunt.jpg);
	width:250px;
}

#bsb{
	width:200px;
	float:left;
  	background-repeat:no-repeat;
	background-image:url(img/referenzen/vk-bsb-grau.jpg);
}

#bsb:hover{
	background-repeat:no-repeat;
	background-image:url(img/referenzen/vk-bsb-bunt.jpg);
	width:200px;
}

#walter{
	width:300px;
	height:198px;
	float:left;
  	background-repeat:no-repeat;
	background-image:url(img/referenzen/ws-walter-gera-grau.jpg);
}

#walter:hover{
	background-repeat:no-repeat;
	background-image:url(img/referenzen/ws-walter-gera-bunt.jpg);
	width:300px;
}

#rcup{
	width:300px;
	height:286px;
	float:left;
  	background-repeat:no-repeat;
	background-image:url(img/referenzen/ws-rcup-grau.jpg);
}

#rcup:hover{
	background-repeat:no-repeat;
	background-image:url(img/referenzen/ws-rcup-bunt.jpg);
	width:300px;
	height:286px;
}