@charset "UTF-8";

/* 	Prototyp/Template Übertragung Medienteaserformate Latin/LTR 
	Start 16.9.2011	Version 0.7 
	Letzte Änderung: 23.11.2011
	Alex Koch | wysiwyg*
*/

form.modular {
	margin: 0px 0px 30px 0px;
	padding: 0px;
	width: 100%;
	height: auto;
	display: block; }
/* 	border-top: 1px solid #d3cfca; 	 */
/* 	border-bottom: 1px solid #d3cfca; */

body.popUp form.modular { margin: 0px 0px 10px 0px; }
div.overlay form.modular { margin: 0px 0px 10px 0px; }


div.col4 form.modular {
	margin-bottom: 0px; } /* kompensiert col4 margin-bottom */

form.modular h2 {
	-webkit-font-smoothing: antialiased;
	margin: 0px;
	padding: 10px 0px 3px;
	color: #3e3e3e; }

div.formElement {
	display: block;
	float: left;
	width: 220px;
	margin: 0px 20px 0px 0px;
	padding-bottom: 15px; }

div.submitElement {
	display: block;
	float: right;
	width: 220px;
	margin: 0px 20px 0px 0px;
	padding-top: 25px; 
	padding-bottom: 15px; }

div.formElement.dreisp+div.submitElement {
	padding-top: 0px; }

form.modular div.formElement label{
	-webkit-font-smoothing: antialiased;
	color: #3e3e3e; }

form.modular div.formElement.expl {
	-webkit-font-smoothing: antialiased;
	color: #888;
	margin-top: 2px;
	margin-right: 20px; }

/* ERROR-KLASSE */
form.modular div.formElement.error label, 
form.modular h2.error { color: #dc1978; }


form.modular div.optionBox label {
	-webkit-font-smoothing: antialiased;
	color: #3e3e3e;
	margin-top: 2px;
	margin-right: 4px; }

form.modular div.optionBox {
	white-space: nowrap; 
	float: left;
	display: block; 
	width: 218px;
	padding-top: 3px; }

div.formElement.dreisp {
	display: block;
	float: left;
	width: 700px;
	margin: 0px 20px 0px 0px;
	padding-bottom: 15px; }

/* für mehrere und zu lang beschriftete Radio/Checkbox-Elemente */
div.formElement.doppel {
	display: block;
	float: left;
	width: 460px;
	margin: 0px 20px 0px 0px;
	padding-bottom: 15px; }

/* für halbe (von/bis */
div.formElement.halb {
	display: block;
	float: left;
	width: 100px;
	margin: 0px 20px 0px 0px;
	padding-bottom: 15px; }

form.modular div.formElement.doppel div.optionBox {
	/* white-space: nowrap; */ 
	float: left;
	display: block; 
	width: 458px;
	padding-top: 3px; }

form.modular div.formElement div.optionBox {
	/* white-space: nowrap; */ 
	float: left;
	display: block; 
	width: 218px;
	padding: 3px 0px 5px; }

.ie form.modular div.formElement div.optionBox {
	padding: 3px 0px 7px; }


form.modular input[type="text"] {
	color: #888; 
	margin: 0px;
	border: 1px solid #ccc;
	padding: 5px 4px;
	width: 210px; 
	height: inherit; }

form.modular div.formElement.dreisp input[type="text"] {
	width: 690px; }

form.modular div.formElement.doppel input[type="text"] {
	width: 452px; }

form.modular div.formElement.halb input[type="text"] {
	width: 92px;  }

form.modular div.formElement label { width: 220px; overflow: hidden; }

form.modular div.formElement.dreisp label { width: 690px; overflow: hidden; }

form.modular div.formElement.doppel label { width: 452px; overflow: hidden; }

form.modular div.formElement.halb label { width: 92px; overflow: hidden; }

form.modular div.formElement.dreisp textarea {
	color: #3e3e3e; 
	margin: 0px;
	border: 1px solid #ccc;
	padding: 5px 4px;
	width: 690px; 
	height: inherit; }

form.modular div.formElement.doppel textarea {
	color: #3e3e3e; 
	margin: 0px;
	border: 1px solid #ccc;
	padding: 5px 4px;
	width: 450px; 
	height: inherit; }

form.modular select {
	margin: 4px 0px 5px;
	width: 220px; }

form.modular div.formElement.doppel select {
	margin: 4px 0px 5px;
	width: 460px; }

form.modular input[type="submit"] {
	color: #fff; 
	display: block;
	float: left;
	clear: both; 
	text-transform: uppercase;
	text-align: center;
	background-color: #0098ff;
	margin: 0px;
	border: 0px;
	padding: 5px 4px;
	width: 220px; 
	height: auto; 
	cursor: pointer; }

form.modular input[type="submit"]:hover {
	background-color: #3e3e3e;}
/* „echte“ Linkfarbe #0087eb; zu dunkel */

/*  P A G I N A T I O N   S T A N D A R D  */

div.pagination.right {
	float: right;
	margin-right: 20px;
	width: auto;
	}

div.pagination.meta { margin-top: -4px; }

div.pagination.standalone { padding: 24px 0px; }

div.pagination div.linkWrapper a {
	-webkit-font-smoothing: antialiased;
	text-decoration: none;
	padding: 3px 4px;
	color:  #888; }

div.pagination div.linkWrapper a.ici {
	color: #0098ff; }

div.pagination div.linkWrapper a:hover {
	color:  #fff;
	background-color: #888; }

div.pagination div.linkWrapper {
	display: block;
	float: left;
	height: auto; }

div.pagination a.function {
	display: block;
	float: left;
	padding: 4px;
	width: 16px;
	height: 12px; }

div.pagination div.gap {
	display: block;
	float: left;
	background: transparent;
	width: 24px;
	height: 20px; }

div.pagination a.function.tostart {
	background: url(../cssi/icons-pagination.png) 	-80px 0px no-repeat; }
	
div.pagination a.function.tostart:hover {
	background: url(../cssi/icons-pagination.png) 	-80px -40px no-repeat; }

div.pagination a.function.rwd {
	background: url(../cssi/icons-pagination.png) 	-120px 0px no-repeat; }
	
div.pagination a.function.rwd:hover {
	background: url(../cssi/icons-pagination.png) 	-120px -40px no-repeat; }

div.pagination a.function.fwd {
	background: url(../cssi/icons-pagination.png) 	-160px 0px no-repeat; }
	
div.pagination a.function.fwd:hover {
	background: url(../cssi/icons-pagination.png) 	-160px -40px no-repeat; }

div.pagination a.function.toend {
	background: url(../cssi/icons-pagination.png) 	-200px 0px no-repeat; }
	
div.pagination a.function.toend:hover {
	background: url(../cssi/icons-pagination.png) 	-200px -40px no-repeat; }

div.pagination a.function.grid {
	background: url(../cssi/icons-pagination.png) 	-240px 0px no-repeat; }
	
div.pagination a.function.grid:hover {
	background: url(../cssi/icons-pagination.png) 	-240px -40px no-repeat; }
	
div.pagination a.function.grid.ici {
	background: url(../cssi/icons-pagination.png) 	-240px -160px no-repeat; }

div.pagination a.function.list {
	background: url(../cssi/icons-pagination.png) 	-320px 0px no-repeat; }
	
div.pagination a.function.list:hover {
	background: url(../cssi/icons-pagination.png) 	-320px -40px no-repeat; }
	
div.pagination a.function.list.ici {
	background: url(../cssi/icons-pagination.png) 	-320px -160px no-repeat; }
/*
 _____ _____ _____ _____ _____ 
|  _  |     |  _  |  |  |  _  |
|   __|  |  |   __|  |  |   __|
|__|  |_____|__|  |_____|__|   */

body.popUp {
	margin: 0px;
	padding: 0px 0px 0px 20px;
	background-image: none;
	background-color: #fff;}

body.popUp.dreisp { width: 720px; }
body.popUp.zweisp { width: 480px; }

body.popUp div.col3 h1 {
	margin: 0px 20px 0px 0px;
	padding: 15px 0px;
	-webkit-font-smoothing: antialiased; 
	color: #3e3e3e;
	border-top: 1px solid #d3cfca;}

body.popUp div.col3 p {
	color: #3e3e3e;
	padding: 0px 40px 0px 0px; } 
 
body.popUp div.col3 div.group {
	margin-bottom: 20px;}

body.popUp div.col3 form.modular div.formElement.dreisp {
	padding-bottom: 10px; }

body.popUp div.col3 + h4 {
	clear: both; }

body.popUp > div.tools {
	padding-top: 32px;
	margin-right: 20px; }

/* zusätzliche error-Klassen für Headline/Text im Popup */
body.popUp div.col3 h1.error,
body.popUp div.col3 p.error { color: #dc1978; }

body.popUp > div.tools a { color: #002d5a; }
body.popUp > div.tools a:hover { color: #0098ff; }
/* icons „close“ in dw-icons.css */


/* OVERLAY */

div.overlay {
	padding: 0px 0px 0px 20px;
	background-image: none;
	background-color: #fff;
    z-index: 10000;
    high: 100%;
    width: 100%;
    position: fixed;
    vertical-align: middle;
   	top:50%; 
    color:#FFFFFF; 
    left: 50%;
    box-shadow: 0px 12px 10px rgba(0,0,0,0.4); 
    -moz-box-shadow: 0px 12px 10px rgba(0,0,0,0.4); 
    -webkit-box-shadow: 0px 12px 10px rgba(0,0,0,0.4); 
}

.ie div.overlay {
	border-right: 1px solid #d3cfca; 
	border-bottom: 1px solid #d3cfca; 
	border-left: 1px solid #d3cfca;
	filter:progid:DXImageTransform.Microsoft.Shadow(strength=5,color=#666666,direction=180); 
}

div.overlay.dreisp { 
	width: 720px; 
	min-height: 622px; 
	height: 622px;
	height:auto !important;
	margin-left: -378px; 
	margin-top: -311px;
}
div.overlay.dreisp.survey { 
	min-height: 341px; 
	height: 341px;
	height:auto !important;
	margin-top: -170px;
}
div.overlay.dreisp.recommend { 
	min-height: 549px; 
	height: 549px;
	height:auto !important;
	margin-top: -275px;
}
div.overlay.dreisp.commit { 
	min-height: 131px;
	height: 131px;
	height:auto !important; 
	margin-top: -65px;
}

div.overlay.image.landscape { 
	width: 960px; 
	min-height: 588px; 
	height: 588px;
	height:auto !important;
	margin-left: -498px; 
	margin-top: -302px;
}

div.overlay.image.legacy{ 
	width: 350px; 
	min-height: 306px; 
	height: 306px;
	height:auto !important;
	margin-left: -193px; 
	margin-top: -157px;
}

div.overlay.image.legacy div.col4{ 
	width: 350px; 
	float: right;
}

div.overlay.image.legacy div.picBox.medium{
	margin: 0px;
	padding: 0;
	display: block;
	float: left;
	width: 330px; 
}

div.overlay div.tools{
	padding: 10px 10px 10px 10px;
}

div.overlay.image { 
	width: 480px; 
	min-height: 674px; 
	height: 674px;
	height:auto !important;
	margin-left: -258px; 
	margin-top: -342px;
}

div.overlay.image div.col4 { 
	padding-bottom: 5px;
	color: #3E3E3E;
	width: 960px;
}

div.overlay.image div.col4 p{ 
	padding: 0;
}

div.overlay.image div.image{ 
	padding-top: 20px;
}

div.overlay.image div.picBox.full{
	padding-bottom: 5px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    width: 940px;    
}

div.overlay div.col3 h1 {
	margin: 0px 20px 0px 0px;
	padding: 15px 0px;
	border-top: 0 none;
	-webkit-font-smoothing: antialiased; 
	color: #3e3e3e;
}

div.overlay div.col3 p {
	color: #3e3e3e;
	padding: 0px 40px 0px 0px; } 
 
div.overlay div.col3 div.group {
	margin-bottom: 0px;
}
	
div.overlay div.col3 div.group.poll{
    max-height: 168px;
    height: 168px;
    height:auto !important;
    overflow: auto;
}

div.overlay div.col3 form.modular div.formElement.dreisp {
	padding-bottom: 10px; }

div.overlay div.col3 + h4 {
	clear: both; }

/* General error classes for Headline/Text in Overlay. */
div.overlay div.col3 h1.error,
div.overlay div.col3 p.error { color: #dc1978; }
#overlay a.close { width: 101px; }

div.overlay > div.tools a { color: #002d5a; }
div.overlay > div.tools a:hover { color: #0098ff; }
/* icons „close“ in dw-icons.css */

form.modular input[type="button"] {
	color: #fff; 
	display: block;
	float: left;
	clear: both; 
	text-transform: uppercase;
	text-align: center;
	background-color: #0098ff;
	margin: 0px;
	border: 0px;
	padding: 5px 4px;
	width: 220px; 
	height: auto;
	cursor: pointer; }

form.modular input[type="button"]:hover {
	background-color: #3e3e3e;}

div.col3 button[type="button"] {
	color: #fff; 
	display: block;
	float: left;
	clear: both; 
	text-transform: uppercase;
	text-align: center;
	background-color: #0098ff;
	margin: 0px;
	border: 0px;
	padding: 5px 4px;
	width: 220px; 
	height: auto;
	cursor: pointer; }
	
div.col3 button[type="button"]:hover {
	background-color: #3e3e3e;}