@charset "UTF-8";
* {
	margin:0;
	padding:0;
	}
	
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:100.01%;
	color:#fff;
	background-color:#fff;
	}
	
h1 {
	font-size:1.1em;
	font-weight:bold;
	margin-bottom:1.1em;
	color:#fff;
	}
	
p {
	margin-top:5px;
	margin-bottom:5px;
	}
	
.alert {
	color:red;
	}
	
.rechts {
	text-align:right;
	margin-top:1.1em;
	}

#frame_right {
	background-image:url(../img/right.jpg);
	background-repeat:repeat-y;
	background-position:right top;
	width:788px;
	margin:25px auto 0px auto;
	}
	
#frame_bottom {
	clear:both; /*falls das clearing versagt*/
	background-image:url(../img/bottom.jpg);
	background-repeat:no-repeat;
	width:788px;
	height:8px;
	margin:0 auto;
	}
	

#content
	{
	font-size:0.688em;
	width:780px;
	text-align:left;
	border-top:1px solid #e4e4e4;
	border-left:1px solid #e4e4e4;
	}
	
#logo {
	/*background-image: url(../img/logo.gif);*/
	background-repeat:no-repeat;
	height:28px;
	margin-left:80px;
	}

#header {
	padding:30px;
	}
	
#main {
	position:relative; /*um elemente innerhalb absolut zu positionieren*/
	width:auto;
	background-color:#1b9fd5;
	height:300px;
	}
	
#colref {
	position:absolute;
	top:70px;
	left:320px;
	}
	
#colref .imgbox {
	width:157px;
	height:207px;
	background-image:url(../img/projekte/background.jpg);
	float:left;
	}
		
#colref .imgbox img {
	border-top:1px solid #e4e4e4;
	border-left:1px solid #e4e4e4;
	}

.reftext {
	margin-left:160px;
	width:280px;
	}
	
#col1 {
	float:left;
	width:140px;
	}
	
#col2 {
	float:right;
	width:170px;
	}
	
#col3 {
	width:470px;
	margin:0 12.272em 0 12.272em;
	}

#col1_content {
	padding:40px 10px 0 10px;
	}

#col2_content {
	padding-top:40px;
	}
	
#col3_content {
	padding:45px 29px 0px 29px;
	}
	
.clearfix:after {
    content: ".";
    display: block; 
    height: 0;
    clear: both;
    visibility: hidden
  }
  
.clearfix { display: block } /*fuer Safari*/

#ie_clearing { display: none }

/*Login*/

#login {
	/*position:absolute;
	bottom:0;*/
	color:#747577;
	height:100px;
	margin:10px 0 0 650px;
	}
	
#login input {
	font-size:1em;
	background-color:#e4e4e4;
	margin:2px 0;
	}
	
#benutzer, #kennwort {
	color:#1b9fd5;
	}

/*Navigation*/

#nav {
	display:block;
	}

#nav ul {
	list-style:none; /* aeussere UL Hauptnavi */
	}
	
#nav ul li {
	margin:7px 0 7px 0; /* abstand lis Hauptnavi */
	}
	
#nav ul li ul {
	list-style:circle; /*definition subnavi */
	font-size:10px;
	}
	
#nav ul li ul li {
	margin:2px 0 2px 30px; /*abstand lis subnav */
	padding:0;
	}

#nav a, #nav span.active
{
	text-decoration:none;
	padding:1px;
	padding-left:18px;
	background-repeat:no-repeat;
}

#nav a:link, #nav a:visited { /*#nav vor jeden a: ... schreiben!!*/
	color:#fff;
	background-image:url(../img/button_auf_blau_hover.gif);
	}
	
#nav a:hover, #nav a:active, #nav span.active {
	color:#ccc;
	background-image:url(../img/button_auf_blau.gif);
	}
	

#nav a.subnav:link, #nav a.subnav:visited { 
	text-decoration:none;
	color:#fff;
	background-image:none;
	padding-left:0;
	}
	
#nav a.subnav:hover, #nav a.subnav:active {
	text-decoration:none;
	color:#ccc;
	}
	
	
a:link, a:visited { 
	text-decoration:none;
	color:#fff;
	background-image:none;
	}
	
a:hover, a:active {
	text-decoration:none;
	color:#ccc;
	}
	
a.textlink:link, a.textlink:visited { 
	text-decoration:none;
	color:#ccc;
	background-image:none;
	}
	
a.textlink:hover, a.textlink:active {
	text-decoration:none;
	color:#fff;
	}

img {
	border:0px;
	}
	
	
/*Navigation Ende*/
	
#footer {
	font-size:0.588em;
	font-weight:700;
	height:15px;
	width:778px;
	margin:0 auto;
	color:#747577;
	}


#footer a:link, #footer a:visited {
	color:#747577;
	font-weight:bold;
	text-decoration:none;
	}

#footer a:hover,#footer a:active {
	color:#1b9fd5;
	}
	

#copyright {
	float:left;
	}
	
#impressum {
	float:right;
	}

/*Formular*/

label {
	float:left;
	text-align:right;
	width:8em;
	margin-right:0.3em;
	margin-top:1em;
	}
	
form br {
	clear:left;
	}
	
input, select {
	margin-top:0.688em;
	}
	
fieldset {
	border:1px solid #f3efe7;
	}