/* - HTML + BODY STYLE - */


* {margin: 0px; padding: 0px;}
 
html {width: 100%; height: 100%; background: url(../images/bg.jpg) repeat-x #e3e2df; text-align: center;}

body {
	width: 100%;
	height: 100%;
	font-size: 11px;
	line-height: 16px;
	color: #6b6b6b; 
	font-family: "Helvetica", "Tahoma" , "Arial" , "MS Sans Serif";
	margin: 0px auto;
	text-align: center;
}


/* - TABELLEN EINGENSCHAFTEN - */


td {font-size: 11px; line-height: 16px; font-family: "Helvetica", "Tahoma" , "Arial" , "MS Sans Serif";}


/* - MISC STYLE - */


ul {margin: 0px; padding: 0px;}
li {list-style: none;}
form {margin: 0px; padding: 0px;}
img {border: none;}


/* - FLOAT CLEANER - */


#cleaner {clear: both; height: 0px; font-size: 0px; display: block; width: 100%;}


/* - STANDARD LINK FORMATIERUNG - */


a {color: #333; text-decoration: none;}
a:hover {color: #333; text-decoration: underline;}


/* - LAYER + CONTAINER - */


#layer {
	width: 734px;
	position: relative;
	margin: 0px auto;
	text-align: left;
}


/* - HEADER - */


#header {
	width: 734px;
	height: 120px;
	background: transparent;
	position: relative;
}

/* - INPUT FELDER VORBEREITET FÜR SUCHE - */


#header form input.formular {
	width: 140px;
	height: 18px;
	padding: 4px 0px 0px 5px;
	margin: 2px 0px 2px 0px;
	background: #fff;
	border: 1px solid #dfdfdf;
	font-size: 11px;
	color: #dfdfdf;
	font-family: "Helvetica", "Tahoma" , "Arial" , "MS Sans Serif";;
	position: absolute;
	right: 35px;
	top: 30px;	
}

#header form input.button {
	width: 10px;
	height: 20px;
	padding: 0px;
	margin: 0px;
	border: none;
	font-size: 0px;
	background: url('../images/suche_button.gif') no-repeat;
	cursor: pointer;
	font-family: "Helvetica", "Tahoma" , "Arial" , "MS Sans Serif";;
	position: absolute;
	right: 20px;
	top: 34px;	
}


/* - MENU - */


#menu {
	color:#FFFFFF;
	float:left;
	height:65px;
	margin:19px 0 0 120px;
	padding:0;
	position:relative;
	width:445px;
	z-index:999;
}

#menu ul {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 100;
	padding: 0px;
	margin: 0px;
	z-index: 999;
}

#menu ul li	{
	float: left;
	list-style: none;
	margin: 0px;
	position: relative;
	z-index: 999;
}

#menu li a.aktiv, #menu li a.aktiv:hover {
	color:#FFFFFF;
	display:block;
	font-size:10px;
	line-height:23px;
	margin:0;
	padding:19px 12px;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	width:65px;
	z-index:2;
	background:#00c0c7;
	}

/* - Logo - */


#logo {
	width: 152px;
	height: 24px;
	margin: 0px;
	float:left;
	padding: 0px;
	color: #000;
	position: relative;
	z-index: 999;
}
#logo div.logoid {
	background: url(../images/logo.jpg) center center transparent;
	width: 180px;
	height: 120px;
	position: absolute;
	top:0px;
	left:-13px;
	z-index: 999;
}


/* - SEITEN ANZEIGE - WO MAN SICH GERADE BEFINDET - */


#seite {
	width: 740px;
	height: 38px;
	background: #333;
	color: #fff;
	font-size: 11px;
	line-height: 16px;
	padding: 0px 10px;
	margin: 0px;
	overflow: hidden;
	border-bottom: 30px solid #fff;
	position: relative;
}

#seite span {position: absolute; top: 0px; right: 10px; line-height: 16px; text-align: right;}
#seite a {color: #fff; text-decoration: underline;}
#seite a:hover {color: #fff; text-decoration: none;}

/* - CONTENT LAYER - */

#content {
	width: 734px;
	padding: 0px 0px 10px 0px;
	position: relative;
	margin: 15px 0;
	text-align: left;
	overflow: hidden;
}
/* - TEXT - */
#content #text {width: 734px; padding: 0px 0px 0px 0px; line-height: 16px;}
/* - TEXT : TAG STYLES - */

/* h1, h2, h3, h4, h5, h6 */
#content #text h1, h2, h3, h4, h5 {font-family: "Helvetica", "Tahoma" , "Arial" , "MS Sans Serif";; color: #252525; letter-spacing:0px; font-weight: bold; font-size: 11px; margin: 0px 0px 0px 0px; text-transform: none;}

#content #text h1 {font-size: 25px; margin: 10px 0 15px; text-shadow: 1px 1px 1px #fff; letter-spacing:-2px;}
#content #text h2 {margin: 0px 0px 20px 0px;}
#content #text h3 {margin: 0px 0px 15px 0px;}
#content #text h4 {margin: 0px 0px 15px 0px;}
#content #text h5 {}
#content #text h6 { font-weight: normal;}
/* h1, h2, h3, h4, h5, h6 */
/* END*/

#content #text p {margin: 0px 0px 15px 0px;}
#content #text table tr td {line-height: 16px;}
#content #text hr {border: 1px solid; border-color: #dfdfdf #fff; margin: 0px 0px 15px 0px; height: 2px;}
#content #text a {color: #333;text-decoration: none;}
#content #text a:hover {color: #333; text-decoration: underline;}
#content #text ul li {list-style: none; line-height: 16px;}
#content #text ul li ul li {list-style: square; line-height: 16px; margin: 0px 0px 0px 5px;}

/* - FOOTER - */
#footerbg {margin:0 auto; background: url(../images/footer_bg.jpg) repeat-x #e3e2df; text-align: center;}
#footerbg div.footer {height:106px; line-height:20px; margin:0 auto; padding:90px 0 0; position:relative; text-align:left; width:734px; font-size:10px;}
#footerbg div.footer p {color: #A6ABAF; line-height: 25px;}
#footerbg div.footer ul {width: 960px; padding: 0px; margin: 0px;}
#footerbg div.footer ul li {float: left; padding: 0px 2px; margin: 0px; background: #fff url('../images/footer_li.gif') right no-repeat; color: #A6ABAF;}
#footerbg div.footer a.cms2day_link, #footer a.cms2day_link:hover {text-decoration: none; font-weight: bold; color: #A6ABAF;}
#footerbg div.footer a {text-decoration: none; color: #A6ABAF;}
#footerbg div.footer a:hover {text-decoration: underline; color: #A6ABAF;}

/* SLIDE MENU */
div.hoverBtn {position: relative; float: left; background: transparent;}
div.hoverBtn a {color:#FFFFFF; display:block; font-size:10px; z-index:2; line-height:23px; margin:0; padding:19px 12px; text-align:center; text-decoration:none; text-transform:uppercase; width:65px;}
div.hoverBtn div {display: none; position: absolute; z-index: -1; top: 0px; width: 100px; background: #00C0C7;}

/* PROFIL */
#content div.profil_left {float:left; width:310px; line-height:16px; margin-right:10px;}
#content div.profil_right {float:left; width:394px; margin-left:20px;}
#content div.profil_right div.profilbild {background: #fff url('../images/profilbild.jpg') no-repeat 0 0; width:383px; height:155px;}
#content div.profil_right div.kenntnisse {}
#content div.profil_right div.kenntnisse ul {color:#fff; margin-top:10px;}
#content div.profil_right div.kenntnisse ul li{height:20px; margin-bottom:4px; background:#00c0c7; padding-top:3px; padding-left:4px;}
#content div.profil_right div.kenntnisse ul li.option1 {margin-right: 20px;}
#content div.profil_right div.kenntnisse ul li.option2 {margin-right: 40px;}
#content div.profil_right div.kenntnisse ul li.option3 {margin-right: 60px;}
#content div.profil_right div.kenntnisse ul li.option4 {margin-right: 80px;}
#content div.profil_right div.kenntnisse ul li.option5 {margin-right: 100px;}

#content #text div.refs {}
#content #text div.refs ul {margin-top:30px; height:200px;}
#content #text div.refs ul li { background:url('../images/refs_bg.jpg') no-repeat 0 0; width:313px; height:151px; float:left;}
#content #text div.refs ul li.left {margin-right:108px;}
#content #text div.refs ul li div.ref_inner {margin:5px; width:303px; height:135px; overflow:hidden;}

#content #text div.refs ul li div.ref_meta { background:none; margin:15px 5px 0; width:303px; height:38px; position:relative;}
#content #text div.refs ul li div.ref_meta strong {font-size:12px; font-weight:bold; color:#464646;}
#content #text div.refs ul li div.ref_meta a.ref_home {background:url('../images/home_ico.gif') no-repeat 0 0; text-indent:-9999em; height:12px; width:12px; position:absolute; top:4px; right:1px;}