/* Dominik Duentzer */

html { width: 100%; height: 100%; background: #f8f8f8; font-family: 'Noto Music', Verdana, Arial, Geneva, sans-serif; font-size: 100%; color: #4d485b;}
body { width: 100%; height: 100%; }

* {margin: 0px; padding: 0px; border: 0px;}

h1, h2, h3, h4, h5, h6 { font-family: 'Noto Music', 'Comfortaa', Verdana, Arial, Geneva, sans-serif; color: #28166f; margin-bottom: 1em;  font-size: 1.2em;}

p { margin-bottom: 1em; font-size: 0.9em; text-align: justify;}
p.index { margin-bottom: 1em; font-size: 0.8em;  text-align: center;}
p.right {float: right;}
p.left {float: left;}
p.blockquote {	font-style: italic;	font-size: 0.8em; 	color: #28166f; text-align: left; }


.abstand { margin-top: 10px;}
/* Hyperlinks */
a {	color: #4d485b;	text-decoration: none;}
a:link {}
a:visited {}
a:hover {	text-decoration: underline;	color: #28166f;}
a:active {}


/* Container */
div#wrapper { width: 100%; height: 100%; }

div#wrapcontent { width: 900px; height: 600px; margin: 0px auto; }

div#nav { width: 100px; float: right; font-size: 1.0em;	line-height: 2.3em; }
div#nav ul {list-style-type: none; padding: 30px;}
div#nav li a {	color: #28156e;	text-decoration: none; padding-left: 30px; margin-left: -20px;}
div#nav li a:hover { color: #856ed7; text-decoration: none; background: url(../Bilder/navi_pic.png) no-repeat left; list-style-type: none; padding-left: 30px; margin-left: -20px; }

div#content { width: 800px; height: 600px; float: left; }

div#column_main, div#column_main2, div#column_main3 {
border: 1px solid #CCC; padding: 20px; float: right; text-align: left; margin-right: 20px; z-index: 99;
-moz-border-radius-topright: 15px; -moz-border-radius-topleft: 15px; -moz-border-radius-bottomright: 15px; -moz-border-radius-bottomleft: 15px;
-webkit-border-top-right: 15px; -webkit-border-top-left: 15px; -webkit-border-bottom-right: 15px; -webkit-border-bottom-left: 15px;
border-top-right-radius: 15px; border-top-left-radius: 15px; border-bottom-right-radius: 15px; border-bottom-left-radius: 15px;
background: -webkit-linear-gradient(left, #e1f3fb, #fff);
background: -moz-linear-gradient(left, #e1f3fb, #fff);
background: -o-linear-gradient(left, #e1f3fb, #fff);
background: -ms-linear-gradient(left, #e1f3fb, #fff);
}


div#column_main { min-height: 275px; width: 500px; }
div#column_main2 { min-height: 275px; width: 400px;  margin-bottom: 100px;}
div#column_main3 { min-height: 275px; width: 600px; margin-top: 50px;     margin-bottom: 100px;}



div#subtext { min-height: 650px; width: 280px; border: 1px solid #CCC; padding: 20px; float: left; text-align: left; margin: 41px 0px 0px 0px;
-moz-border-radius-topright: 15px; -moz-border-radius-topleft: 15px; -moz-border-radius-bottomright: 15px; -moz-border-radius-bottomleft: 15px;
-webkit-border-top-right: 15px; -webkit-border-top-left: 15px; -webkit-border-bottom-right: 15px; -webkit-border-bottom-left: 15px;
border-top-right-radius: 15px; border-top-left-radius: 15px; border-bottom-right-radius: 15px; border-bottom-left-radius: 15px;
background: -webkit-linear-gradient(left, #e1f3fb, #fff);
background: -moz-linear-gradient(left, #e1f3fb, #fff);
background: -o-linear-gradient(left, #e1f3fb, #fff);
background: -ms-linear-gradient(left, #e1f3fb, #fff);
}

.subtext_height { min-height: 770px !important; }

div#column1 { text-align: right; margin: 80px 0px 50px 150px;}
div#column2 { text-align: right; margin: 0px 0px 0px 150px;}

/* div#column1 { text-align: right; margin: 80px 60px 50px 0px;}
div#column2 { text-align: right; margin: 0px 60px 0px 0px;}*/



/* div#design1 { width: 800px ; height: 100%; background: url(../Bilder/background_repeat.jpg) repeat-y right top; clear: both;} */

div#design1 { height: 100%; width: 200px; /* border: 1px solid #CCC; */position: fixed; margin-left: 600px; z-index: -2;

background: -webkit-gradient(linear, left bottom, left top, color-stop(0.04, rgb(164,207,225)), color-stop(0.71, rgb(255,255,255)));
background: -moz-linear-gradient( center bottom, rgb(164,207,225) 4%, rgb(255,255,255) 71%);
background: -o-linear-gradient( center bottom, rgb(164,207,225) 4%, rgb(255,255,255) 71%);
background: -ms-linear-gradient( center bottom, rgb(164,207,225) 4%, rgb(255,255,255) 71%);

}
div#design2 { height: 100%; width: 200px;  position: absolute; margin-left: 600px; z-index: -1; background: url(../Bilder/design.png) repeat-y;

}



div#right { float: right; width: 50%; }
div#left { float: left; width: 50%;}
span.right { float: right;}
span.left { float: left;}


/* Bilder */
img.logo {  margin: 10px; float: right;}
img.logo_small {  width: 50%; height: auto; float: right; margin: 80px 50px 80px 0px; }

img.index {  width: auto; height: auto; margin: 80px 0px 0px 200px;}
img.left { float: left; padding-right: 10px; }
img.left1 { float: left; padding-right: 15px; padding-bottom: 45px;}

/* Listen */
ul.style1, ul.style2 { list-style-type: none;  text-align: center; padding: 10px 0px; }
ul.style1 li, ul.style2 li { display: inline; margin-left: 35px;  background: url(../Bilder/navi_pic.png) no-repeat left; padding-left: 30px; }
ul.style1 li.ohne, ul.style2 li.ohne { background: none ;}
ul.style2 li { font-size: 0.8em; margin-left: 10px;  }
ul.style2 li.bigger { font-size: 1.1em; display: block; margin-bottom: -15px; background: none; text-align: center; }
ul.style1 li { font-size: 0.75em; margin-left: 5px;}

li.autor { color: #4d485b; font-size: 0.9em; }
li.titel { font-style: italic;	color: #28166f;	font-size: 0.9em; }
li.verlag { color: #28166f;	font-size: 0.7em; }
li.autor, li.titel, li.verlag { list-style-type: none; text-decoration: none;}
ul.daten { margin-bottom: 35px;}

ul.leistungen li { margin-bottom: 11px; background: url(../Bilder/navi_pic.png) no-repeat left top; padding-left: 30px; list-style-type: none; font-size: 0.9em; }
ul.leistungen li span.einruecken { margin-left: 73px; display: block; }
ul.links li { margin-bottom: 21px; background: url(../Bilder/navi_pic.png) no-repeat left top; padding-left: 30px; list-style-type: none; font-size: 0.9em; text-decoration: none; }

ul.navigation li, ul.navigation2 li  { font-size: 0.7em; list-style-type: none;  margin-left: 180px; padding: 13px; }
ul.navigation li a { color: #28166f; text-decoration: underline; }
ul.navigation2 li { margin-top: 50px; }
ul.navigation2 li a { color: #28166f; text-decoration: underline; }


ul.kontakt li { list-style-type: none;  margin-bottom: 0px; }
ul.kontakt  { margin-bottom: 30px; }

li.impressum_sub { padding: 0px 0px 20px 0px; font-size: 0.8em; }
p.impressum {font-size: 0.7em; }