/*
Start margin 0, padiing 0.
*/
*{
	margin: 0;
	padding: 0;
}
/* behavior = hack für <= IE6 hover */
body {
	behavior: url("csshover3.htc");
	background-color: #FFFFFF;
	background-image: url(../image/back.gif);
	font-family: Verdana, Arial, Trebuchet Ms, Helvetica, sans-serif;
	font: 12px verdana;
	color: #03265e;
	margin-top: 0px;
}
/* keinen störenden Rand bei a:aktiv */ 
a {
	outline: none;
}
#container {
	background-color: #FFFFFF;
	width:1200px;
	margin: 0px auto;
	border-right: 5px;
	border-left: 5px;
	border-right-color: #E9E9E9;
	border-right-style: solid;
	border-left-color: #E9E9E9;
	border-left-style: solid; 
}
#index_header {
	width:1200px;
	height: 170px;
	margin: 0px auto;
}
/* home-link im Header */
a.header {
	background-image: url(../image/header/header_index.jpg);
	background-repeat: no-repeat;
	display:block;
	width:1200px;
	height: 170px; 
	text-decoration:none; 
	overflow: hidden;
}
/*home-link für non-index-sites */
a.header_site {
	background-image: url(../image/header/header_site.jpg);
	background-repeat: no-repeat;
	display:block;
	width:1200px;
	height: 170px; 
	text-decoration:none; 
	overflow: hidden;
}
a:hover.header_site {
	text-decoration:none; 
}
a:active.header_site {
	text-decoration:none; 
}
/*Schriftzug web-top10 */
.webtop10 {
	color: #b41621;
	font-weight: bolder;
}
/*obere Box auf der Index-Seite und allen anderen Seiten, auf die Größe passt */
#index_box {
	background-color: #ffffff;
	width:840px;
	height: 390px;
	margin: 0px;
	float:left;
}
#index_box_840_1620 {
	background-color: #ffffff;
	width:840px;
	height: 1620px;
	margin: 0px;
	float:left;
}

#box_right {
	margin: 10px; 
	width: 275px; 
	height: 390px;
	background-image: url(../image//boxes/box_right01_275_360.jpg);
	background-repeat: no-repeat;
	height:360px;
}
/* Box für Navigation rechts */
#index_box_right {	
	background-color: #ffffff;
	width:290px;
	margin: 0px;
	float: left;
}
/*
Box-Linkseiten
*/
#link_box {
	width: 620px;
	height: 1520px;
	margin-left: 70px;
	margin-top: 40px;
}
#link_box a {
	color: #03265e;
	font-weight: bold;
	text-decoration: none;
}
#link_box a:hover {
	color: #c5d4dc;
	text-decoration: none;
}
#link_box ul {
	margin-left: 25px;
}
#link_box li {
	margin-top: 5px;
}


/*
Box-Headlines und Ecksymbol
*/
.box_center_750_360 { 
	margin-top: 10px;
	margin-left: 80px; 
	background-image: url(../image/boxes/box_center01_750_360.jpg);
	background-repeat: no-repeat;
	width:750px;
	height:360px;
}
.box_center_750_1600_referenzen { 
	margin-top: 10px;
	margin-left: 0px; 
	width:750px;
	height:1600px;
}

.box_center_750_1600 { 
	margin-top: 10px;
	margin-left: 80px; 
	background-image: url(../image/boxes/box_link02_750_1600.jpg);
	background-repeat: no-repeat;
	width:750px;
	height:1600px;
}
.icon_ecke {
	margin-left: 28px;
	margin-top: -2px;
	width:45px;
	height:45px;
	float:left;
}
p.box_head {
	font-size: 18px;
	font-weight: lighter;
	text-transform: uppercase;
}
.claer {
	clear: both;
	z-index: 99;
}

/*
Navigation Indexsite
*/
#nav_center {
	margin-left: 80px;
	margin-top: 10px;
	width:630px;
	height: 295px;
}
#nav_center_left {
	width:310px;
	height: 290px;
	float: left;
}
#nav_center_right { 
	margin-left: 10px;
	width: 310px; 
	height: 290px; 
	float: left; 
}
#nav_right {
	width: 180px; 
	height: 290px; 
	margin-left:80px;
	margin-top:30px; 
}
a.nav_center { 
	display:block;
	line-height:95%; 
	width:300px;
	height: 50px; 
	padding-left:55px;
	font-size:14px; 
	color: #03265e; 
	text-decoration:none; 
	margin-top: 20px; 
	overflow: hidden;
}
.schriftgrad14 {
	font-size:14px;
	font-weight: bold;
}
.schriftgrad6 {
	font-size:6px;
}

.schriftgrad10 {
	font-size:12px;
	margin-bottom: 10px
}
a:hover.nav_center {
	display:block;
	line-height:95%; 
	width:300px;
	height: 50px; 
	padding-left:55px;
	font-size:14px; 
    color:#738493;
	text-decoration:none; 
	margin-top: 20px; 
	overflow: hidden;
	outline: none;
}

a.nav_center_background_l1 {
	background-image:url(../image/nav/center_l1.gif); 
	background-repeat: no-repeat;
}
a:hover.nav_center_background_l1 {
	background-image:url(../image/nav/center_l1_hover.gif); 
	background-repeat: no-repeat;
}
a.nav_center_background_l2 {
	background-image:url(../image/nav/center_l2.gif); 
	background-repeat: no-repeat;
}
a:hover.nav_center_background_l2 {
	background-image:url(../image/nav/center_l2_hover.gif); 
	background-repeat: no-repeat;
}
a.nav_center_background_l3 {
	background-image:url(../image/nav/center_l3.gif); 
	background-repeat: no-repeat;
}
a:hover.nav_center_background_l3 {
	background-image:url(../image/nav/center_l3_hover.gif); 
	background-repeat: no-repeat;
}
a.nav_center_background_l4 {
	background-image:url(../image/nav/center_l4.gif); 
	background-repeat: no-repeat;
}
a:hover.nav_center_background_l4 {
	background-image:url(../image/nav/center_l4_hover.gif); 
	background-repeat: no-repeat;
}

a.nav_center_background_r1 {
	background-image:url(../image/nav/center_r1.gif); 
	background-repeat: no-repeat;
}
a:hover.nav_center_background_r1 {
	background-image:url(../image/nav/center_r1_hover.gif); 
	background-repeat: no-repeat;
}

a.nav_center_background_r2 {
	background-image:url(../image/nav/center_r2.gif); 
	background-repeat: no-repeat;
}
a:hover.nav_center_background_r2 {
	background-image:url(../image/nav/center_r2_hover.gif); 
	background-repeat: no-repeat;
}
a.nav_center_background_r3 {
	background-image:url(../image/nav/center_r3.gif); 
	background-repeat: no-repeat;
}
a:hover.nav_center_background_r3 {
	background-image:url(../image/nav/center_r3_hover.gif); 
	background-repeat: no-repeat;
}

a.nav_center_background_r4 {
	background-image:url(../image/nav/center_r4.gif); 
	background-repeat: no-repeat;
}
a:hover.nav_center_background_r4 {
	background-image:url(../image/nav/center_r4_hover.gif); 
	background-repeat: no-repeat;
}
/*
Box-Navigation rechts Indexsite
*/
a.nav_right { 
	display:block;
	line-height:280%; 
	width:150px;
	height: 50px; 
	padding-left:55px;
	font-size:14px;
	color: #03265e; 
	text-decoration:none; 
	margin-top: 20px; 
	overflow: hidden;
}

a:hover.nav_right {
	display:block;
	line-height:280%; 
	width:150px;
	height: 50px; 
	padding-left:55px;
	font-size:14px; 
    color:#738493;
	text-decoration:none; 
	margin-top: 20px; 
	overflow: hidden;
}

a.nav_right_background_l1 {
	background-image:url(../image/nav/right_l1.gif); 
	background-repeat: no-repeat;
}

a.nav_right_background_inaktiv {
	background-image:url(../image/nav/right_l2_inaktiv.gif); 
	background-repeat: no-repeat;
}

a:hover.nav_right_background_l1 {
	background-image:url(../image/nav/right_l1_hover.gif); 
	background-repeat: no-repeat;
}
a.nav_right_background_l2 {
	background-image:url(../image/nav/right_l2.gif); 
	background-repeat: no-repeat;
}
a:hover.nav_right_background_l2 {
	background-image:url(../image/nav/right_l2_hover.gif); 
	background-repeat: no-repeat;
}
a.nav_right_background_l3 {
	background-image:url(../image/nav/right_l3.gif); 
	background-repeat: no-repeat;
}
a:hover.nav_right_background_l3 {
	background-image:url(../image/nav/right_l3_hover.gif); 
	background-repeat: no-repeat;
}
a.nav_right_background_l4 {
	background-image:url(../image/nav/right_l4.gif); 
	background-repeat: no-repeat;
}
a:hover.nav_right_background_l4 {
	background-image:url(../image/nav/right_l4_hover.gif); 
	background-repeat: no-repeat;
}

/* 2. Box auf der Indexseite für Text */
#index_box2 {
	background-color: #ffffff;
	width:560px;
	height:300px;
	margin:0px;
	float:left;
}
#index_box2_about {
	background-image: url(../image/boxes/box_about01_470_275.jpg);
	background-repeat: no-repeat;
	margin-top: 10px;
	margin-left: 80px; 
	width:470px;
	height:275px;
}
p.index_box2_about_text {
	font-size: 16px;
	margin-left: 60px;
	margin-top: 20px;
	margin-right: 15px;
}
/* 3. Box auf der Indexseite für wordclud */
#index_box3 {
	background-color: #ffffff;
	width:570px;
	height: 300px;
	margin: 0px;
	float: left;
}
#index_box3_cloud {
	background-image: url(../image/boxes/box_cloud01_555_275.jpg);
	background-repeat: no-repeat;
	margin-top: 10px;
	margin-left: 10px; 
	width:555px;
	height:275px;
}
#index_box3_cloud_margin {
	margin-top: 20px;
	margin-left: 50px;
}
#index_box3_cloud_content {
	margin: 10px
}
/* Schriftstile für cloud-navigation */
a.cloud { 
	font-size:14px; 
	color: #03265e; 
	text-decoration:none; 
	margin: 3px; 
}
a:hover.cloud {
    color:#738493;
}
a.cloud_cat01 {
	font-size:14px; 
	color: #03265e; 
}
a.cloud_cat02 {
	font-size:18px; 
	color: #03265e; 
}
a.cloud_cat03 {
	font-size:24px; 
	color: #03265e; 
}

div#impressum {
	width: 1200px;
	margin-left: 120px;
	margin-top: 10px;
	float: left;
}

/* Box für Bookmark */
#box_bookmark {
	width:1135px;
	height: 150px;
	margin: 0px;
	clear: both;
}
#box_bookmark_content {
	background-image: url(../image/boxes/box_bookmark01_1000_100.jpg);
	background-repeat: no-repeat;
	width:1050px;
	height: 120px;
	margin-left: 80px;
	margin-top: 10px;
}
#box_bookmark_icon {
	margin-top: 5px;
	margin-left:20px;
}
#bookmark_icon {
	margin-top: 10px;
	margin-left: 45px}
a.bookmark { 
	display:block;
	width: 50px;
	height: 50px; 
	text-decoration:none; 
	margin: 5px;
	float: left; 
}
a.alltagz {
	background-image:url(../image/bookmark/alltagz.png); 
	background-repeat: no-repeat;
}
a:hover.alltagz {
	background-image:url(../image/bookmark/alltagz.png); 
	background-repeat: no-repeat;
}
a.colivia {
	background-image:url(../image/bookmark/colivia.png); 
	background-repeat: no-repeat;
}
a:hover.colivia {
	background-image:url(../image/bookmark/colivia.png); 
	background-repeat: no-repeat;
}
a.delicious {
	background-image:url(../image/bookmark/delicious.png); 
	background-repeat: no-repeat;
}
a:hover.delicious {
	background-image:url(../image/bookmark/delicious.png); 
	background-repeat: no-repeat;
}
a.digg {
	background-image:url(../image/bookmark/digg.png); 
	background-repeat: no-repeat;
}
a:hover.digg {
	background-image:url(../image/bookmark/digg.png); 
	background-repeat: no-repeat;
}
a.facebook {
	background-image:url(../image/bookmark/facebook.png); 
	background-repeat: no-repeat;
}
a:hover.facebook {
	background-image:url(../image/bookmark/facebook.png); 
	background-repeat: no-repeat;
}
a.favorit {
	background-image:url(../image/bookmark/favorit.png); 
	background-repeat: no-repeat;
}
a:hover.favorit {
	background-image:url(../image/bookmark/favorit.png); 
	background-repeat: no-repeat;
}
a.google {
	background-image:url(../image/bookmark/google.png); 
	background-repeat: no-repeat;
}
a:hover.google {
	background-image:url(../image/bookmark/google.png); 
	background-repeat: no-repeat;
}
a.icio {
	background-image:url(../image/bookmark/icio.png); 
	background-repeat: no-repeat;
}
a:hover.icio {
	background-image:url(../image/bookmark/icio.png); 
	background-repeat: no-repeat;
}
a.infopirat {
	background-image:url(../image/bookmark/infopirat.png); 
	background-repeat: no-repeat;
}
a:hover.infopirat {
	background-image:url(../image/bookmark/infopirat.png); 
	background-repeat: no-repeat;
}
a.linkarena {
	background-image:url(../image/bookmark/linkarena.png); 
	background-repeat: no-repeat;
}
a:hover.linkarena {
	background-image:url(../image/bookmark/linkarena.png); 
	background-repeat: no-repeat;
}
a.linksilo {
	background-image:url(../image/bookmark/linksilo.png); 
	background-repeat: no-repeat;
}
a:hover.linksilo {
	background-image:url(../image/bookmark/linksilo.png); 
	background-repeat: no-repeat;
}
a.mixx {
	background-image:url(../image/bookmark/mixx.png); 
	background-repeat: no-repeat;
}
a:hover.mixx {
	background-image:url(../image/bookmark/mixx.png); 
	background-repeat: no-repeat;
}
a.netselektor {
	background-image:url(../image/bookmark/netselektor.png); 
	background-repeat: no-repeat;
}
a:hover.netselektor {
	background-image:url(../image/bookmark/netselektor.png); 
	background-repeat: no-repeat;
}
a.oneview {
	background-image:url(../image/bookmark/oneview.png); 
	background-repeat: no-repeat;
}
a:hover.oneview {
	background-image:url(../image/bookmark/oneview.png); 
	background-repeat: no-repeat;
}
a.readster {
	background-image:url(../image/bookmark/readster.png); 
	background-repeat: no-repeat;
}
a:hover.readster {
	background-image:url(../image/bookmark/readster.png); 
	background-repeat: no-repeat;
}
a.reddit {
	background-image:url(../image/bookmark/reddit.png); 
	background-repeat: no-repeat;
}
a:hover.reddit {
	background-image:url(../image/bookmark/reddit.png); 
	background-repeat: no-repeat;
}
a.technorati {
	background-image:url(../image/bookmark/technorati.png); 
	background-repeat: no-repeat;
}
a:hover.technorati {
	background-image:url(../image/bookmark/technorati.png); 
	background-repeat: no-repeat;
}
a.twitter {
	background-image:url(../image/bookmark/twitter.png); 
	background-repeat: no-repeat;
}
a:hover.twitter {
	background-image:url(../image/bookmark/twitter.png); 
	background-repeat: no-repeat;
}
a.weblinkr {
	background-image:url(../image/bookmark/weblinkr.png); 
	background-repeat: no-repeat;
}
a:hover.weblinkr {
	background-image:url(../image/bookmark/weblinkr.png); 
	background-repeat: no-repeat;
}
a.wong {
	background-image:url(../image/bookmark/mister-wong.png); 
	background-repeat: no-repeat;
}
a:hover.wong {
	background-image:url(../image/bookmark/mister-wong.png); 
	background-repeat: no-repeat;
}

/* footer für zusätzlichen Suchmaschinentext */
#footer {
	width: 1050px;
	height: 350px;
	margin-top: 2000px;
	padding-left: 120px;
}
#footer p, h1, h2 {
	font: 12px verdana;
	color: #03265e;
}
#footer img {
	visibility: hidden;	
}
/* footer für Seiten ohne zusätzlichen Text für Suchmaschinen */
#footer_small {
	clear: both;
	width: 1200px;
	line-height:180%; 
	height: 25px;
	margin-top: 80px;
	color: #f29533;
	background-color: #03265e;
	border-bottom: 5px solid #E9E9E9
}
#footer_small p {
	padding-right: 95px;
	text-align: right;
}

/* Text- und Listenformatierung */
.textbox {
	margin-left: 70px;
	margin-top: 25px;
	margin-right: 20px;	
}
.textbox p {
	margin: 5px;
}
.textbox ul {
	margin-left: 25px;
}
.textbox li {
	margin-top: 5px;
}
.textbox a {
		color: #03265e;
}
.textbox a:hover {
		color: #c5d4dc;
}
.textboxdanke {
	font-size: 20px;
    font-weight: bold;
	text-align: center;
	margin-left: 70px;
	margin-top: 100px;
	margin-right: 20px;	
}
.textboxdanke p {
	margin: 20px;
}
#wrapper {
	margin: 0;
    width: 750px;
}
#content {
	margin-left: 80px;
	margin-top: 10px;   
	padding: 0 5px 0 0;
    text-align: left;
    width: 600px;
}
/* Linker Bereich des Formulars: für Labels */
.contactleft {
	width: 25%;
    clear: both;
    float: left;
    display: inline;
    padding: 4px;
    margin: 10px 0;
    text-align: right;
}
/* Rechter Bereich des Formulars: f?r Eingabefelder */
.contactright {
	width: 70%;
    text-align: left;
    float: right;
    display: inline;
    padding: 4px;
	margin: 5px 0;
}
input, select, textarea {
	/*border: 2px solid #03265e;*/
    -moz-border-radius: 3px;
}
/* Hintergrundebene */
.contactform {
    -moz-border-radius: 6px;
}
.contactform #Titel,
.contactform #Vorname,
.contactform #Name,
.contactform #Email,
.contactform #Auftritt,
.contactform #Keywords,
.contactform #Feedback {
	width: 80%;
    padding: 5px; 
}

.offerform {
    -moz-border-radius: 6px;
}
.offerform #Titel,
.offerform #Vorname,
.offerform #Name,
.offerform #Email,
.offerform #Auftritt,
.offerform #Keywords,
.offerform #Feedback {
	width: 80%;
    padding: 5px; 
}

/* Versenden-Schaltfl?che */

#subm {
	width: 83%;
    border: 1px solid #c5d4dc;
    padding: 4px 5px 4px 5px;
    color: #ffffff;
	background-color: #03265e;
    font-weight: bold;
    -moz-border-radius: 3px;
}
/*  Icons für Eingabefelder */
.contactform #Titel {
	background: #c5d4dc
}
.contactform #Vorname {
	background: #c5d4dc url(../image/kontakt/buddy.gif) no-repeat left;
}
.contactform #Name {
	background: #c5d4dc url(../image/kontakt/buddy.gif) no-repeat left;
}
.contactform #Email {
	background: #c5d4dc url(../image/kontakt/email.gif) no-repeat left;
}
.contactform #Auftritt {
	background: #c5d4dc url(../image/kontakt/house.gif) no-repeat left;
}
.contactform #Keywords {
	background: #c5d4dc url(../image/kontakt/key.gif) no-repeat left;
}
.contactform #Feedback {
	width: 80%;
    background: #c5d4dc url(../image/kontakt/comment.gif) no-repeat bottom left; 
}
/* Hover-Zustände für jeweilige Eingabefelder */
.contactform #Titel:hover,
.contactform #Vorname:hover,
.contactform #Name:hover,
.contactform #Email:hover,
.contactform #Auftritt:hover,
.contactform #Keywords:hover,
.contactform #Feedback:hover {
	background-color: #ffffff;
    border: 2px solid #c5d4dc;
    color: #333333;
}

.contactform #Titel:focus,
.contactform #Vorname:focus,
.contactform #Name:focus,
.contactform #Email:focus,
.contactform #Auftritt:focus,
.contactform #Keywords:focus,
.contactform #Feedback:focus
{
	border: 2px solid #c5d4dc;
    color: #ffffff;
	background-color: #03265e;
}
/* Markierung des Eingabefeldes, das ausgefüllt werden soll */
span.required {
    font-size: 2em;
}
/* Beschriftung des Eingabeldes */
label {
    font-weight: bold;
    padding: 2px 5px 2px 5px;
}

/* ----------------------- */
/* add 18.05.2010 14:00:29 */
/* ----------------------- */
.textboximpressum {
	/*font-size: 12px;
	text-align: center;*/
	margin-left: 100px;
	margin-top: 45px;
	margin-right: 45px;	
}
.textboxprivacy {
	margin-left: 100px;
	margin-top: 20px;
	margin-right: 45px;	
}
.textboxprivacy li {
	margin-left: 20px;
	list-style-type: circle;
}
.textboxprivacy ul {
	margin-top: 8px;
	margin-bottom: 8px;
}
/* footer section right */
#footer_small .right {
	padding-right: 95px;
	float: right;
	text-align: right;
	width:20%;
}
/* footer section left */
#footer_small .left {
	padding-left: 20px;
	float: left;
	text-align: left;
	width:60%;
} 

/* sortable header style */
#footer_small a:link, #footer_small a:visited {
	color: white;
	text-decoration: none;
}