/*####################################
#  Setzt alle Tags auf NULL          #
#####################################*/


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
}

body {line-height: 1.5;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}

/* remember to define focus styles! */
:focus {outline: 0;}

/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;}

caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

body {
	background-color: #eee;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
}

h1 { font-size: 15px; font-weight: bold; margin: 10px 0 10px 0; }
h2 { font-size: 12px; font-weight: bold; margin: 10px 0 10px 0; }

a { color: #000;text-decoration:none; }
a:hover{text-decoration:underline;}
p { line-height: 18px; margin-top: 10px; }



div#wrapper {
	width: 996px;
	margin: 0 auto;
	padding-bottom: 20px;
	background: url(_images/bg-pattern.png) repeat-y;
}
	/* header */
	div#wrapper div#header {
		height: 47px;
		background:url(_images/head.png) no-repeat;
		position:relative;
	}
	
		div#wrapper div#header span:first-child {
			position:absolute;
			top: 23px;
			left: 24px;
			width: 140px;
		}
		
		div#wrapper div#header span {
			position:absolute;
			top: 23px;
			left: 24px;
			width: 140px;
		}		

		div#wrapper div#header span.menu {
			left:850px;
			width: 200px;
		}
		
		/* head nav */
		div#wrapper div#header ul {
			margin-left: 185px;
		}
		
			div#wrapper div#header ul li {
				display: inline;
				float:left;
			}
			
				div#wrapper div#header ul li a {
					display: block;
					width: 145px;
					height: 47px;
					float: left;
/*					margin-right: 1px;*/
				}
				
					div#wrapper div#header ul li a.gs {
						background:url(_images/nav-gs.png) no-repeat;
					}
					
					div#wrapper div#header ul li a.doe {
						background:url(_images/nav-doe.png) no-repeat;
					}

					div#wrapper div#header ul li a.tb {
						background:url(_images/nav-tb.png) no-repeat;
					}

					div#wrapper div#header ul li a.sde {
						background:url(_images/nav-sde.png) no-repeat;
					}

						div#wrapper div#header ul li a.gs:hover,
						div#wrapper div#header ul li a.doe:hover,
						div#wrapper div#header ul li a.tb:hover,
						div#wrapper div#header ul li a.sde:hover,
						div#wrapper div#header ul li a.gs.active,
						div#wrapper div#header ul li a.doe.active,
						div#wrapper div#header ul li a.tb.active,
						div#wrapper div#header ul li a.sde.active {
							background-position: 0px -47px;
						}

	/* content */
	div#wrapper div#content {						
		width: 968px;
		padding: 10px 0 0 14px;
		position:relative;
	}
	
		
		/* main */
		div#wrapper div#content div#main {
			float: left;
			margin: 10px 0 0 3px;
			padding: 7px 0 0 10px;
			width: 575px;
			border-left: 1px solid #eee;
			min-height: 350px;
		}
		
			
	

/* footer */
div#footer {
	background: url(_images/footer.png) no-repeat;
	text-align:center;
	font-size: 10px;
	width:996px;
	margin: 0 auto;
	padding-top: 10px;
}

/* classes */
.float-left { float:left; }
.margin-left { margin-left: 30px !important; }
.margin-right { margin-right: 10px; }
.margin-bottom { margin-bottom: 10px; }



/*Allgemeine Formatierungen*/

			.logo{margin:10px 0 0px 20px;}
			.animation{
				background:#606264 url(_images/ani_bg.gif) repeat-x top;	
				height:302px;
				width:969px;
				margin-top:20px;
				margin-bottom:60px;
				position:relative;
			}
			.animation.gs{background:url(_images/ani_bg_gs.gif);}
			.animation.doe{background:url(_images/ani_bg_doe.gif);}
			.animation.tb{background:url(_images/ani_bg_tb.gif);}
			
			.animation .desc{
				width:400px;
				float:right;
				padding:20px 25px 0px 0px;
				color:white;
				font-size:12px;
				line-height:1.5em;
			}
			.animation.gs .desc{color:black;}
			
			.animation .box{
				width:500px;
				height:283px;
				float:left;
				margin:10px;
			}
				.animation .box img{margin:10px;}
			
			.animation.gs .box{background:url(_images/grafik_gs.png);}	
			.animation.doe .box{background:url(_images/grafik_doe.png);}
			.animation.tb .box{background:url(_images/grafik_tb.png);}
			
			.animation .desc a{color:white;font-weight:bold;}
			.animation.gs .desc a{color:black;}
			.animation .desc h1{font-size:18px;font-weight:normal;line-height:2em;}	
			.animation .desc h2{font-size:14px;font-weight:normal;line-height:2em;}	
			
			.button_2form{
				position:absolute;
				top:270px;
				left:690px;
				width:266px;
				height:82px;
				background:url(_images/button_2form.png);
			}
				
			.button_2form:hover{background:url(_images/button_2form_hover.png);}
			*html .button_2form{background:url(_images/button_2form.gif);}			
			*html .button_2form:hover{background:url(_images/button_2form_hover.gif);}