/* standard elements */
html {
	min-height: 100%;
}
* {
	margin: 0;
	padding: 0;
}
a {
	color: #963;
}
a:hover {
	color: #C60;
}
body {
	background: url(images/) ;
	background-position:center;
	color: #444;
	font: 11px Verdana, sans-serif;
	line-height: 16px;
}
p, code, ul {
	padding-bottom: 10px;
}
li {
	list-style: none;
}
h1 {
	font-family: Verdana, sans-serif;
	font-weight: normal;
	font-size: 11px;
	line-height: 16px;
}
h2 {
	font: 11px Verdana,sans-serif;
	font-weight: bold;
}
h3 {
	font: 11px Verdana, sans-serif;
}

/* Slider */

#accordion {width:718px; margin:15px auto}
.accordion {width:718px; font:11px Verdana,Arial; color:#033}
.accordion dt {background-image:url(images/arrow_up.gif);  width:700px; border:1px solid #cccccc; padding:8px; margin-top:5px; cursor:pointer; background:url(images/header.gif)}
.accordion dt:hover {background:url(images/header_over.gif)}
.accordion dd {width:718 px; overflow:hidden; background:#fff;height:214px}
.accordion span {display:block; width:700px; border:2px solid #9ac1c9; border-top:none;}
.textbox {padding-top:9px;line-height: 17px;background:url(images/verlauf.jpg) no-repeat;background-position:550px 0px;width:718px; height: 214px}
.textbox img{margin-top:-9px;width:550px; height: 214px;float:left;display:inline;margin-right:10px;}

/* Slider2 */

#accordion2 {width:200px; padding-left:15px; margin:20px auto}
.accordion2 {width:200px; font:11px Verdana,Arial; color:#033}
.accordion2 dt {background-image:url(images/arrow_up.gif);  width:192px; border:1px solid #cccccc; padding:8px; margin-top:5px; cursor:pointer; background:url(images/header.gif)}
.accordion2 dt:hover {background:url(images/header_over.gif)}
.accordion2 dd {width:200 px; overflow:hidden;}
.accordion2 span {display:block; width:200px; border:2px solid #9ac1c9; border-top:none;}
.textbox2 { padding-top:9px; padding-left:10px; line-height: 17px;	background: url(images/hintergrund.jpg) repeat-y; }
.textbox2 img{margin-top:-9px;width:150px; float:left;display:inline;margin-right:10px;}
.textbox2 a:hover{ text-decoration:underline;}
.textbox2 a{width:205px;  color:#000000; text-decoration:none;}

/* Textslider */

#wrapper {width:700px;  margin:0 auto; padding:10px; border:1px solid #cccccc; 	background: url(images/verlauf2.jpg)}
.link {cursor:pointer; color: #963;}
.link:hover {text-decoration:underline;}
.textslider {position:relative; overflow:hidden; height:140px; background:#ffffff;}
.slidercontent {position:absolute; border:1px solid #cccccc;}
.slidercontent .upper {border-bottom:1px solid #9ac1c9}
.section {padding:10px}

/* misc */
.clearer {
	clear: both;
}
.left {
	float: left;
}
.right {
	float: right;
}
/* structure */
.text {width:700px;  
       margin:0 auto; 
	   padding:3px 0px 10px 10px; 
	   border:1px solid #cccccc; 	
	   background: url(images/webdesign_g-stalten.jpg);
	}
.text p {width:500px;}

.text2 {width:700px;  
       margin:0 auto; 
	   padding:3px 0px 10px 10px; 
	   border:1px solid #cccccc; 
	   background: url(images/webdesign_g-stalten_2.jpg) no-repeat;
	}

.container {
	margin: auto;
	width: 980px;
	border-color: #FFFFFF;
	background: url(images/bgmain.gif) repeat-y;
}
/* header */
.top {
	margin:  auto;
	width: 980px;
	margin-bottom: 3px;
	margin-top: 5px
	
}
/* title */
.header {
	height: 115px;
	margin:  auto;
	width: 980px;
}
.header img {
	border:0;
}

/* sub navigation */
.sidenav {
	float: left;
	width: 210px;
	line-height: 16px;
}

.box{
	padding: 10px 0px 10px 20px;
	background: url(images/hintergrund.jpg) repeat-y;
 	background-position:15px 0px;
	width: 200px;
	margin-bottom: 25px;
}

.box textarea {
	font-family: Verdana, sans-serif;
	font-size: 11px;
	line-height: 16px;
}

.box input {
	font-family: Verdana, sans-serif;
	font-size: 11px;
	line-height: 16px;
}

.box2{
	padding: 20px 0px 10px 20px;
	margin-left: 60px;
	width: 355px;
}

.box2 textarea {
	font-family: Verdana, sans-serif;
	font-size: 11px;
	line-height: 16px;
}

.box2 input {
	font-family: Verdana, sans-serif;
	font-size: 11px;
	line-height: 16px;
}


/* content */
.content {
	float: left;
	margin: 10px 0;
	padding: 10px 0px 0px 37px;
	width: 700px;
}

.content p {
	font-family: Verdana, sans-serif;
	font-size: 11px;
	line-height: 16px;
}

/* footer */
.footer {
	width: 980px;
	background: url(images/bgmain.gif) repeat-y;
	background-color:#FFFFFF;
	color: #000000;
	font: 10px sans-serif;
	padding: 0px 7px 0px 0px ;
    margin: 0 auto;

}
.footer a, .footer a:hover {
	color: #000000;
}

/*Kontaktformular*/

#kontakt {background: #cccccc; width:700px; margin:0 auto; border:1px solid #cccccc; }
.formular { margin:0 auto;   background: url(images/verlauf2.jpg) repeat-x;padding:10px;}
.formular span {color: #963; }