/*
// creartur.de - Stylesheet
*/

/* Gestalte das HTML-Element mit dem Namen body */
body { 
	margin:0;
	padding:0;
	background:url(../images/website_bgline.gif) repeat-x top;
	font-size:12px; font-family:"Georgia", Verdana, Tahoma;
}

html {
	background:url(../images/footer_bgline.gif) repeat-x bottom;
	overflow: -moz-scrollbars-vertical;
}

#safari-overflow-fix {
clear:both;
position:relative;
height:0;
}

h1, h2, h3, ul, li, form {
	margin:0;
	padding:0;
	list-style-type:none;
}

a { text-decoration:none; }

img { border:0;}

#wrapper {
	margin:0 auto 0 auto;
	background:url(../images/wrapper_headbg2.jpg) no-repeat 0 0px;
	width:760px;
}

/* Hack für den Firefox3 - verschiebt sonst die BG-Grafik um 1 Pixel nach rechts -  */
html>/**/body, x:-moz-any-link, x:default { position:relative; left:-0.1px; }

/*-----------------------------------------------------*/
#logo {
	position:relative;
	float:left;
	top:137px;
	left:0px;
	display:block;
	}
/*-----------------------------------------------------*/
#header {
	height:270px;
	padding-right:20px;
	}
	
#header p, #header h1, #header h2 {
	width:470px;
	float:right;
	text-align:right;
	color:#c3c2c1;
	}
#header p { margin:0; padding:15px 0 15px 0; display:block; }

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

/* Gestalte das HTML-Element mit id="menu" */
#menu{
	margin: 0px auto;
	height: 39px;
	display:block;
	color:#FFFFFF;
}

/* Gestalte das HTML-Element mit id="inhalt" */
/*-----------------------------------------------------*/
#inhalt{
	padding:0px 0px 10% 0px;
	}
/*-----------------------------------------------------*/

#projekte{
	float:left;
	width:649px;
	margin: 0px auto;
	padding:0px 75px 30px 35px;
	clear:both;
}
#portfolio li { padding:6px; float:left; }
#portfolio a { float:left; border:8px solid #f3eae6; display:block; width:200px; height:200px; float:left; cursor:pointer;}
#portfolio a:hover { border:8px solid #c0b8b3;}
/*-----------------------------------------------------------------*/

#newsblock{
	float:left;
}

#aktuelles{
	float:left;
	width:345px;
	padding:30px 0 10px 35px;
	color:#white;
}

#aktuelles h1 { 
font-family: Georgia, Verdana, Arial, sans-serif;
font-weight:bold; 
font-size: 19px;
color: #ae0101;
margin-bottom: 5px;
}

/* Gestalte das HTML-Element mit id="newsbild" */

#newsbild2{
	float: left;
	border: 8px solid #f3eae6;
	margin-left: 0px;
	margin-right: 0px;
	width: 632px;
	margin-bottom: 20px;
}

#newsbild{
	float: left;
	border: 5px solid #f3eae6;
	margin-left: 0px;
	margin-right: 0px;
	width: 335px;
}

#newstext p{
	color: #000000;
	font-family: Georgia, Verdana, Arial,  sans-serif;
	font-size: 12px;
	width: 345px;
	float: left;
	padding-top: 6px;
	padding-left: 0px;
	padding-right: 0px;
}

#hauptinhalt {
	clear:left;
	width:690px;
	padding:30px 35px 30px 35px;
	color:#white;
}

#hauptinhalt h1 { 
font-family: Georgia, Verdana, Arial, sans-serif;
font-weight:bold; 
font-size: 19px;
color: #ae0101;
margin-bottom: 5px;
}

#aktuelles h2, #hauptinhalt h2 { 
color:#776e57;
font-size: 12px;
font-family: Georgia, Verdana, Arial, sans-serif;
font-weight: bold;
letter-spacing: normal;
text-decoration: none;
text-indent: 2px;
padding-bottom: 6px;
margin-bottom: 9px;
border-bottom: 2px solid #dad2ce;
width:  648px;
}

#aktuelles p, #hauptinhalt p
	{
	line-height:20px;
	}
	
	
#hauptinhalt h3 { 
font-family: Georgia, Verdana, Arial,  sans-serif;
font-size:17px; 
font-weight:100; 
margin-bottom:7px; 
border-bottom:1px solid #E2E2E2; 
background-color:#E5E5E5; 
padding:3px; 
padding-left:13px;
}

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

/*-----------------------------------------------------*/
#sidemenu {
	width:210px;
	}
#sidemenu a {
	padding:5px 0 5px 0; color:#7f7f7f;
	border-bottom:1px solid #e9e9e8;
	display:block; height:18px;
	}
#sidemenu a:hover { border-bottom:1px solid #7f7f7f; }
/*------------------------------------------------------*/


#haupttext{
	width: 648px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
}

#haupttext p{
	color:#000000;
	font-family: Georgia, Verdana, Arial,  sans-serif;
	font-size: 12px;
	line-height:19px;
}

#inhaltstext3{
	width: 93%;
	float: left;
	padding-left: 3px;
	padding-right: 10px;
}

#kontakttext{
	float: right;
	width: 200px;
	padding-left: 5px;
	padding-right: 20px;
}


/* Gestalte das HTML-Element mit id="textbalken" */
#rechtebox{
	float: right;
	color: black; /* Schriftfarbe*/
	width: 180px;
	padding: 0px;
	margin: 0px auto;
	background-image: url(../images/rightbox_bgline.gif);
	background-repeat: repeat-y;
}

label.newsletter, input.newsletter { /* Labels UND Formularelemente auswählen */
  display: block;
  float: none;
  width: 130px; /* Breite.*/
  height: 14px; /* Höhe.*/
}

form br { /* Alle Zeilenumbrüche in Formularen auswählen */
  clear: left; /* das floating der labels und inputs aufheben */
}

#radio{
	vertical-align: middle;
	display: inline;
	background: none;
	margin-left: 40px;
	margin-bottom: 3px;
}

/* Das Kontaktformular mit eigener Klasse */

form.kontakt{
	background-color: #fdffd0;
	width: 295px; /* Breite des Kontaktformular */
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 30px;
	border: 1px solid #ffeb00;
}

label.kontakt{ /* Beschriftung auf eigener Zeile */
	float: left;
	display: block;
	cursor: pointer; /* Mauszeiger wird zur Hand */
	width: 120px;
}

input.kontakt#absender,
textarea {
	width: 170px;
	border: 1px solid #8c8c8c;
	margin-bottom: 1em;
}

textarea {
	height: 7em;
}

input.kontakt#absender:focus,
textarea.focus{
	background-color: #d9d9d9;
}

input.kontakt#submit{ /* der Submit-Button für das Kontaktformular */
	border: 1px solid #ffeb00;
}

#kontaktsenden{
	float: right;
 	background-color: none;
	margin-right: 2px;
	margin-bottom: 20px;
}

/* Fehlermeldungen im Kontaktformular ausgeben mit eigener Klasse */
#fehlermeldung{
	color:red;
	font-style: italic;
	text-align: right;
	float: none;
	width: 295px; /* Breite des Fehlerfeldes */
 	background-color: none;
	padding-bottom: 5px;
}

/* Gestalte das HTML-Element mit id="fusszeile" */
/*-----------------------------------------------------*/
#fussbereich {
	clear:left;
	height:70px;
	padding-top:20px;
	}
#fusszeile {
	clear:left;
	margin:0 auto 0 auto;
	width: 720px;
	height:75px;
	padding:15px 20px 20px 20px;
	color:#dad2ce; 
	font-size: 10px;
	font-family: Georgia, Verdana, Arial, sans-serif;
	font-weight: normal;
}
#fusszeile a {color:#dad2ce;}
#fusszeile a:hover {color:#ffffff; border-bottom:1px solid #ffffff;}
/*-----------------------------------------------------*/

a {text-decoration: none;}
a:link {color: #636054;}
a:hover, a:focus {color: #000000;}
a:visited {color: #8e8874;}


h1{
margin-left: 1px;
color: #d8002e;
font-size: 16px;
font-family: tahoma;
text-decoration: none;
font-weight: bold;
letter-spacing: 1px;
}


h2{
color: #000000;
font-size: 13px;
font-family: Georgia, Verdana, Arial,  sans-serif;
text-decoration: none;
font-weight: bold;
letter-spacing: 1px;
}