/*-----------------------------------------------------------------------------
5C-Mobile Screen Stylesheet
website:   http://www.5c-mobile.com
-----------------------------------------------------------------------------*/
/* Remove border, padding and margin */
*{border: 0;}
img{border: 0;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td{
	margin: 0pt;
	padding: 0pt;
	}
/* Floating and clearing */
#clear{clear:both;}
.right{float: right;}
.left{float: left;}

/*=Document Setup & Typography*/
body{
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 0.74em;
	background: url(background-qnex.jpg) no-repeat;
	background-position: 10px 80px;
	color: #434343;
	padding-bottom: 60px;
	text-align: left;
}
h1,h2{font-family: arial,helvetica,sans-serif;}
h1{
	font-size: 1.9em;
	line-height: 1.5;
	color: #34A7D9;
	font-weight: normal;
}
#top h1{font-size: 2.2em;}
h2, ul.sitemaplevel1 li{
	font-size: 1.3em;
	line-height: 1.5;
	color: #007EBB;
	padding: 1em 0 0 0;
	font-weight: bolder;
}
h2.downloads{padding: 0.6em 0 0.4em 0;}
h3 {font-size: 1.1em;}
p, #content h3, #content table, table.korrektur{font-size: 0.95em;}
#content h3, #content p, #content table, table.korrektur{
	line-height: 1.7;
	padding: 0.5em 2em 0.5em 0;
}
tr.th{
	background-color: #A2D6EE;
	border-bottom: 1px solid #000;
	}
a{
	text-decoration: none;
	background-color: transparent;
	color: #34A7D9;
}
a:hover, a:active{
	text-decoration: underline;
	background-color: transparent;
	color: #164766;
}
input{padding: 0.25em;}
acronym{border-bottom: 1px dotted;}


/*Positionierung*/
#master{
	width: 987px;
	margin: auto;
}

/* Kopfzeile */
#header{
	background: url(header.png) no-repeat left top;
	margin-bottom: 20px;
	height: 50px;
	font-family: Arial,Helvetica,sans-serif;
}
#header h1{
	float: right;
	margin: 4px 30px;
	font-size: 1.5em;
}

/* Hauptmenue */
#navigationmain{
	font-size: 1.5em;
	font-weight: normal;
	line-height: normal;
	float: left;
	height: 40px;
}
#navigationmain ul{
	list-style-type: none;
	height: 40px;
}
#navigationmain li{
	float: left;
	height: 40px;
	/*background: url(tab--right.png) no-repeat right top;*/
}
#navigationmain li a{
	display: block;
	float: left;
	/*background: url(tab--left.png) no-repeat left top;*/
	height: 20px;
	padding: 6px 15px 1px 15px;
	color: #007EBB;
}
/* #navigationmain li:hover{background: url(hoover-right.png) no-repeat right top;}
#navigationmain li a:hover{background: url(hoover-left.png) no-repeat left top;}
#navigationmain li.active{background: url(tab--right--active.png) no-repeat right top;}
#navigationmain li.active a{
	background: url(tab--left--active.png) no-repeat left top;
	color: #fff;
}
/* Subnavigation*/
div#navigationpage{
	padding: 5px 5px 4px 12px;
	width: 980px;
	float: left;
	/*background: url(background--navigationpage.png) no-repeat left bottom;*/
}
/*Nav2nd top*/
#navigationpage ul.nav2nd li{
	list-style-type: none;
	display: inline;
	padding: 0 15px 0 0;
	font-size: 1.1em;
	font-family: arial,helvetica,sans-serif;
}
#navigationpage li a{	text-decoration: none;}
#navigationpage li a:hover, #navigationsub li.active a, #navigationpage li.active a:hover{color: #000;}
#navigationpage ul.nav2nd li.active{}
#navigationpage ul.article-list li.active{}

ul#language{
	width: 250px;
	text-align: right;
	float: right;
	padding-right: 20px;
	font-size: 0.95em;
	margin-top: 2px;
}
#language ul{
	font-size: 0.9em;
	padding-top: 10px;	
}
#language li{
	list-style-type: none;
	display: inline;
	margin-left: 10px;
}
#language li a{color: #CCC;}
#language li a:hover, #language li a:active{color: #164766}
#language li.saveshare{margin-left: 0;}
.saveshare a{
	background: transparent url(social-button.png) no-repeat scroll left 0.2em;
	padding-left: 1.2em;
}

/*Nav2nd links*/
#content ul.nav2nd{
	float: left;
	width: 200px;
	margin-right: 10px;
	margin-top: 20px;
}
#content ul.nav2nd li{
	list-style-type: none;
	background: url(bullet--navigationsub.gif) no-repeat 1.1em 1.1em;
	padding: 8px 10px 8px 30px;
}
#content ul.nav2nd a{	text-decoration: none;}
#content ul.nav2nd li a:hover, #content ul.nav2nd li.active a, #ncontent ul.nav2nd li.active a:hover{
	color: #000;
}
/* #content ul.nav2nd li.active{
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}*/
#content ul.article-list li.active{
	border: none;
	text-decoration: none;
}

/* --Content-- */
#content {
	height: auto;
	padding: 0px 7px 30px 0;
	background: url(background--content.gif) no-repeat left top;
	/*background: url(background--content.png) repeat left top;*/
}
body#classic #content{background: url(background--content--classic.gif) no-repeat left top;}

/* Spalten */
.column{
	float: left;
	margin-left: 20px;
}
.full{width: 920px;}
.classic{width: 700px;}
.half{width: 460px;}
.small{width: 400px;}
.large{width: 520px;}
.start{margin-left: 0;}

/* Boxen */
#content div.small div.box{
	width: 170px;
	background: url(background--box--small.png) no-repeat top left;
	padding: 5px;
	margin-top: 15px;
}
#content div.small div.box h2{
	padding-top: 0;
	font-size: 1.2em;
	font-family: arial, helvetica, verdana, sans-serif;
}
#content div.small div.box p{padding: 0 0.5em 1em 0;}
#content div.large div.box{width: 250px}
#content div.half div.box{width: 220px}

#content .end{margin-left: 40px;}

/* Top */
#top{	
	width: 940px;
	height: 230px;
}
#top img{
	border-bottom: 1px solid #B5B5B5;
	z-index: -100;
	position: absolute;
}
#top h1{	
	padding-top: 20px;
	padding-left: 20px;
	width: 600px;}
#top h3, #content h3.top{
	width: 500px;
	font-weight: normal;
	font-family: georgia, times;
	font-size: 1.3em;
	}
#top h3{padding-left: 20px;}

/* Textformatierung */
.first{margin-top: 20px;}
p.first{margin-top: 10px;}
.white{color: white;}
#content p{text-align: justify;}
#content ul, #content ol, #content dl{font-size: 0.95em;}
#content li{padding: 0 2em 8px 17px;}
#content ul li{
	list-style-type: none;
	background: url(bullet--navigationsub.gif) no-repeat 0.6em 0.4em;
}
#content ol{margin-left: 1.7em;}
#content ol li{padding-left: 0;}
.intro{text-align: justify;}

/*Fußnoten*/
#footnote{
	margin: 1.5em 2em 0 0;
	color: Gray;
}

/* Applets */
div.column applet{margin-left: 35px;}

/* Rechte Spalte */

#right li.download{background: url(bullet--navigationsub.gif) no-repeat 0.8em 0.8em;}
#right dt a{padding: 0 2em 8px 15px;}
#right dd{padding: 0 2em 8px 31px;}
#right dt img{vertical-align: top;}
#right dl.suche dt a{padding: 0;}
#right dl.suche dd{
	padding: 0;
	line-height: 1.7;
	margin-bottom: 10px;
}

/*Rechte Spalte: Bilder*/
img.oneright, div.onecenter, div.twoleft, div.tworight, div.threeleft, div.threecenter, div.threeright{
	margin-top: 0.5em;
	margin-bottom: 15px;
	overflow: hidden;
	text-align: center;
}
img.oneright{
	float: right;
	margin: 0 30px 30px 30px;
}
div.twoleft, div.tworight{width: 309px;}
div.twoleft{float: left;}
div.threeleft, div.threecenter, div.threeright{
	width: 206px;
	float: left;
}

/* Fusszeile */
#footer{
	float: left;
	position: relative;
	width: 980px;
	background: url(background--footer.png) top left no-repeat;
	color: #666;
	font-size: 0.87em;
	padding: 25px 5px 5px 5px;
	margin-bottom: 400px;
}
body#classic #footer{background: url(background--footer--classic.png) top left no-repeat;}
#footer a{color: #666;}
#footer a:hover{color: #164766;}
#navigationfooter{
	width: 600px;
	float: left;
}
#navigationfooter ul{list-style-type: none;}
#navigationfooter li{
	list-style-type: none;
	display: inline;
	margin-right: 20px;
	}
#copyright{
	width: 280px;
	margin-left: 689px;
	text-align: right;}


/* Tabellen */
table {
	width: 100%;
	background-color: transparent;
	border: none;
	empty-cells: show;
}
td, th {}
tr:hover td, tr:hover th{color: #D93552;}


/* Formulare */
#form-module *{
	margin: 0;
	padding: 0;
}
#form-module{
	width: 520px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	margin: 10px 10px 10px 20px;
	padding: 0;
	background-color: #f4f4f4;
	color: #999;
}
#form-module fieldset{border: 0px solid #fff;}
#form-module legend {display: none;}
#form-module p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	margin: 0;
	padding: 5px;
}
#form-module .element{
	display: block;
	clear: both;
	background-color: #f4f4f4;
	border-top: 1px solid #ddd;
}
#form-module label{
	display: block;
	float: left;
	width: 120px;
	border-right: 1px solid #ddd;
	padding: 5px;
}
#form-module label.checkbox{
	width: 372px;
	border-left: 1px solid #ddd;
	border-right: none;
}
#form-module input, 
#form-module select, 
#form-module textarea{
	float: left;
	width: 295px;
	border: 1px solid #ddd;
	margin: 5px;
}
#form-module input.text{
	height: 20px;
}
#form-module input.checkbox{
	width: auto;
	padding: 0;
	border: none;
}
#form-module input.submit{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	text-align: center;
	cursor: pointer;
	background-color: #aab9a8;
	color: #fff;
	border: 1px solid #ddd;
	margin: 5px 5px 5px 137px;
	padding: 2px 5px;
}
#form-module input.submit:hover{
	background-color: #EA1144;
	color: #fff;
}
#form-module label.textarea, 
#form-module textarea.textarea{
	height: 96px;
}
#form-module-thanks{
	display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #999;
}


/*MODUL: Kontaktformular - valide, weitgehend barrierefrei*/
#kontakt{
	font-size: 0.95em;
	line-height: 1.7;
	padding: 0.5em 0 10px 0;

}
#kontakt label{
	float: left;
	width: 100px;
	padding-top: 12px;
}
.inpt, .txt{
	font-size: 1.5em;
	font-weight: normal;
	width: 345px;
	padding: 10px 2px 0pt 7px;
	font-family: "Trebuchet MS",Corbel,Calibri,Arial,Helvetica,sans-serif;
}
.inpt{
	background: transparent url(namebox.png) no-repeat scroll left center;
	height: 30px;
}
.txt{
	background: transparent url(messagebox.png) no-repeat scroll left center;
	height: 245px;
}
.message{margin-bottom: 12em;}
.senden{
	float: right;
	margin: 1em 180px 0 0;
	color: #007EBB;
	font-weight: normal;
   width: auto;
   padding: 3px 10px;
   text-align: center;
	background: transparent;
   border: solid 1px #DDD;
}
label,
select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit]{cursor: pointer;}
.formerror{color: red;}


/*Sitemap*/
#sitemap li{padding-bottom: 5px}
#sitemap ul.sitemaplevel1 li{
	padding: 5px 0 0 0;
	background: transparent;
}
#sitemap ul.sitemaplevel2 li, #sitemap ul.sitemapartikel li{
	background: transparent url(bullet--navigationsub.gif) no-repeat scroll 0.8em 0.6em;
	list-style-type:none;
	padding: 1px 2em 2px 25px;
	font-size: 11px;
}
#sitemap ul.sitemaplevel2 li.sitemapartikel{padding-bottom: 0;}

/*HOME*/
#homeimage{
	width: 429px;
	height: 304px;
	float: left;
}
#homeimage img{margin: 4px 0 0 4px;}
#hometitle{
	width: 425px;
	height: 304px;
	margin: 0 20px 0 445px;
}
#hometitle h1{padding-top: 90px;}
#homeboxleft, #homeboxcenter, #homeboxright{
	width: 275px;
	height: 160px;
	border: 1px solid #CCC;
	margin-top: 16px;
	padding: 5px;
}
#homeboxleft h2, #homeboxcenter h2, #homeboxright h2, #homeboxleft h3, #homeboxcenter h3, #homeboxright h3{padding-top:0;}
#homeboxleft{
	margin-left: 4px;
	float: left;
}
#homeboxcenter{
	margin-left:16px;
	float: left;
}
#homeboxright{margin-left:608px;}
#homeboxbottom{
	padding: 5px;
	text-align: center;
}
/*OFFEN*/
#search{
	background: transparent url(searchbox.png) no-repeat scroll left center;
	font-size: 1.1em;
	margin: 11px 0 0 655px;
	height: 30px;
	width: 245px;
	padding: 1px 0 2px 0;
	position: relative;
	font-family: "Trebuchet MS",Corbel,Calibri,Arial,Helvetica,sans-serif;
}
#search input.search{
	background: transparent;
	border-color: #DDDDDD;
	border-style: solid;
	border-width: 0px 0px 1px 0pt;
	font-size: 120%;
	margin: 3px 2px 0 7px;
	padding: 2px 0 1px 2px;
	height: 20px;
	width: 180px;
	float: none;
}
#search label, #search input.button{
	color: #007EBB;
	font-style: italic;
	font-weight: bold;
	float: none;
	font-family: "Trebuchet MS",Corbel,Calibri,Arial,Helvetica,sans-serif;
	background: transparent;
	padding: 0;
 }
 
 /* PAGES */
 /* body id=home */
body#home #content div.column div.small{
	background: url(background--pitch-home.gif) top left no-repeat;
}
body#home h1.pitch{
	width: 356px;
	height: 156px;
 	margin-top: 20px;
	font-size: 2em;	
	padding: 12px;
	text-align: center;
	color: #D93552;
	background: url(background--pitch-home.gif) top left no-repeat;	
 }
body#home #content div.small div.box{
	margin-top: 0;
	margin-left: 0;
	background: #f3f3f3 url(background--reasons-home.gif) bottom right no-repeat;
	padding-left: 15px;
	padding-right: 12px;
	height: 140px;
}
body#home #content div.small div.start{
	padding-left: 5px;
	padding-right: 8px;
	background: #f3f3f3 url(background--reasons-home.gif) bottom left;
}
body#home #content div.small div.box li{
	background: url(tick--blue.gif) 0.4em 0.2em no-repeat;
	padding-right: 0;
}
body#home #content div.large div.onecenter{margin-bottom: 5px;}
body#home #content div.large div.box{
	width: 140px;
	height: 141px;
	padding: 5px;
	background: url(background--box-150.gif) top left no-repeat;
}
body#home #content div.large div.box h2{
	padding-top: 0;
}
body#home #content div.large div.box h3{
	padding: 0;
	font-weight: normal;
}
body#home #content div.large div.box p{padding-right: 0;}

body#dashboard{
	border-top: 3px solid #34A7D9;
	font-family: arial,helvetica,sans-serif;
	}
.db_header{
	position: fixed;
	height: 2.1em;
	width: 100%;
	padding: 6px 5px 0 10px;
	background: url(db_header--background.png) left bottom repeat;
	}
.wrap{width: 960px;}
.db_header h1,.db_header h3,.db_header p,.db_header ul,.db_header li{
	display: inline;
	margin-right: 2em;	
	}
.db_header h1{
	font-size: 1.1em;
	line-height: 1;
	}
.db_header h1.welcome{margin-right: 3em;}
.db_header h3,.db_header p{font-size: 1em;}
#dashboard input{
	border: 1px solid #ddd;
	margin: 2px 7px 2px 0;
	}
#dashboard input:focus{border-color: #000000 #999999 #999999 #000000;}
#dashboard label{margin: 2px 0 2px 5px;}